목록항해99 (13)
HANA -J
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/UTIZ9/btrnL8oYP9f/afna1uZDKRCNVIDMNlVvV0/img.png)
> 이번 7주차는 클론코딩주차이다. 인별을 클론코딩하기로 의견이 모여져서 어제 S.A작성하고 오늘 API설계부분에 피드백을 받아서 수정했다. > 와이어프레임 > API설계 https://www.notion.so/API-df520861e834478395662d48b4885e14#9e0d9d3aae714bfe930ba5802b6b8b19 API Schemas www.notion.so !피드백! API URI 관련 - [X] POST /api/posts/write - [X] GET /api/posts/details/:postId - [X] POST /api/posts/details/like/:postId - [X] DELETE /api/posts/details/:postId - [X] GET /api/comm..
1. 주제 : 짤방저장소 2. 들어가기전에 고려해야 할 사항 백엔드와 프론트 배포 따로 => 프론트는 axios를 통해 정해놓은 api로 데이터를 주고 받기만 한다. 백엔드는 프론트 부분을 구현할게 한개도 없다! 너무 신기하다... 백엔드 API, CORS 3. 와이어 프레임 (프론트 팀원분께서 너무 잘 만들어 주셨다...👍) 4. API https://www.notion.so/6w-api-9e9335b6cd3f49b38b4ac32debdaf178 6w 프로젝트 api A new tool for teams & individuals that blends everyday work apps into one. www.notion.so 5. 21/12/06 오늘 나의 진도 몽구스 스키마 , api, 프로젝트 파일..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bJRJaj/btrl5wcKqUJ/BxCRPJORMRt1mbYWNtSiX1/img.png)
> 항해99 4주차 노드심화... 모르겠다.. 어렵다 Express.js의 라우터? 미들웨어? 라우터는 미들웨어 입니다. 어떤 원리로 동작하기 때문에 미들웨어로 라우터를 구현할 수 있을까? 미들웨어 함수는 req(요청) 객체, res(응답) 객체, 그리고 어플리케이션 요청-응답 사이클 도중 그 다음의 미들웨어 함수에 대한 엑세스 권한을 갖는 함수이다. 미들웨어란 클라이언트에게 요청이 오고 그 요청을 보내기 위해 응답하려는 중간(미들)에 목적에 맞게 처리를 하는 함수들이다. express는 여러 middleware 유형이 존재한다. 어플리케이션 레벨 미들웨어 라우터 레벨 미들웨어 오류 처리 미들웨어 써드파티 미들웨어 라우터 레벨 미들웨어 ? Router객체를 이용해 router.use() 또는 router..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/nG5Vb/btrlFa20kx3/sCL91tJlmczONZ75GMEzj0/img.png)
> 2021/11/15 - 2021/11/20 >Node.js 입문 주차 지난 TIL에 Express에 이어서 1. NPM? NodePackageManager의 약어로 패키지를 관리하는 작업을 안전하게, 자동화 할 수 있게 해주는 도구이다. npm을 통해 패키지또는 모듈이라고 불리는 자바스크립트 소프트웨어를 자신의 프로젝트에 설치할 수 있다. >패키지 : package.json으로 설명되는 파일 또는 디렉토리 >패키지 관리: 패키지를 설치, 업데이트, 수정, 삭제 하는 작업 > 모듈 : node.js의 require()함수로 로드 될 수 있는 node_modules 디렉토리안의 파일 또는 디렉토리이다. 2. package.json? package.json은 프로젝트의 정보를 정의하고, 의존하는 패키지 버..
11. 타입변환 - 명시적 타입변환 //문자열 타입 변환 String(1); // "1" String(true) //"true" (false).toString(); // "false" //숫자 타입 Number('3'); //3 Number(true); // 1 Number(false);//0 parseInt('10.3'); // 10.3 //불리언 타입 Boolean('hello'); // true Boolean(''); // false Boolean(Null);//false Boolean({});//true Boolean([]);// true - 암묵적 타입변환 //문자열타입 '10'+2 //'102' 0+'' //"0" [10,11]+'' //"10,11" //숫자타입 5*'10' //50 +'' ..
> 2021/11/08 - 2021/11/13 >JavaScript 1. ECMAScript? ECMAScript는 자바스크립트의 토대를 구성하는 스크립트 프로그래밍 언어 명세 이다. 자바스크립트를 표준화하기 위해 만들어졌다. 2. 스크립트 언어? 프로그래밍 언어의 한 종류로, 기존에 이미 존재하는 소프트웨어를 제어하기 위한 용도로 쓰이는 언어이다. 응용 소프트웨어는 컴파일러를 사용하는 언어에 의해 기계어로 번역되어 실행되기 때문에, 수정이 필요하면 컴파일을 다시해주어한다. 이 때문에 수정이 빈번하게 발생하는 부분을 바로 수정해주기위해 많이 사용한다. 응용 소프트웨어에서 스크립트 언어에 맞는 API를 제공하고 소프트웨어와 상호작용하며 작동한다. 인터프리터 언어와 다르다 !! 스크립트 언어 용도상 인터프리..
>자바스크립트 정리 1편 1. 함수의 호출스택 - Anonymous는 가상의 전역컨택스트로(함수의 호출이 있기전에 항상 있다고 생각하면 된다.) - 함수호출 순으로 쌓이고 역순으로 실행한다. - 함수 실행이 완료되면 스택에서 빠진다. - LIFO구조라서 스택이라 부른다.(호출스택,,) 2. 이벤트 루프 - 호출스택과 백그라운드, 데스크큐로 기능이 실행되는 순서 자체를 이벤트 루프라고 부른다. 1. 호출 스택에 실행할 함수가 쌓임 2. 여기서 실행되는 함수가 비동기함수이면 백그라운드로 이동하게 된다. ( 코드가 백그라운드로 가면 호출스택의 함수와 동시에 실행이 가능하다.) 3. 백그라운드에서 태스크큐로 보낸다( 만약, setTimeout실행시는 그 시간만큼 이후에 보내짐) 4. 호출스택실행이 끝나서 비워지..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/4bxAC/btrkvHNBDNe/1x5o3fxGOSlE1zvlR1cPDk/img.png)
알고리즘 3일차 >오늘도 9문제 3문제풀이 1. 문자열 다루기(match함수) >문제 설명 : 문자열 s의 길이가 4 혹은 6이고, 숫자로만 구성돼있는지 확인해주는 함수, solution을 완성하세요. 예를 들어 s가 "a234"이면 False를 리턴하고 "1234"라면 True를 리턴하면 됩니다. 정규표현식을 이용해서 s배열에서 숫자가 아닌값을 찾아서 matches_array이라는 새로운 배열을 생성했다. 콘솔로 출력해보면 만약 'a123'이라는 값을 solution함수가 받아오면 matches_array는 ['a']라는 배열이 생성이된다. 그리고 배열의 길이를 체크하고, 영어가 있는지 없는지 확인해서 T/F를 반환한다. 2. 서울에서 김서방찾기(indexOf함수) > 문제설명 : String형 배열 ..