-git 명령어-
git pull origin master - master로부터 최신화 받아오기
git stash - 임시공간에 저장
git stash list - 임시저장 목록 확인
git stash pop - 임시저장된 가장 최근 요소를 가져옴
git stash pop 이름 - 해당 이름의 요소를 가져옴
-vscode기준-
좌측 source ctrl 부분의 discard.changed를 통해 변경점을 초기화 가능
실무에선 화살표함수 ()=>{} 많이사용
통신
데이터 전송
- 방법 HTTP / API /Graphql / Rest
- 데이터전송 실습 Postman / Playground
전송 프로토콜
파일전송 - FTP
간단한 메일 - SMTP
텍스트/하이퍼텍스트(<~~>, HTML을 말함) - HTTP
Front-end(요청) <-> Back-end(응답/검증) <-> DB
- 주고받는 데이터(text)를 JSON데이터라 하며 JSON형태로 주고 받는다고 한다.
- 응답과 요청은 response(응답), request(요청)이라 칭한다.
- Back-end(응답/검증) 과정중 상태코드를 활용하여 요청에대한 성공/실패를 표현
ex) 404 응답실패(요청페이지를 찾을 수 없다.)
상태코드 상세
https://ko.wikipedia.org/wiki/HTTP_%EC%83%81%ED%83%9C_%EC%BD%94%EB%93%9C
출처 : 위키백과
API
요청을 관리해 주는 관리자역활의 함수이다.
각각의 기능마다 다른 API를 가지며 기능에 맞는 요청을 해야한다.
ex) 게시물데이터(FE) <-> 게시물API(BE)
BE는 API를 만들어주며 FE에서는 만들어진 API를 사용한다.
rest-API
- 주소와 같응형식으로 생김
- axios 사용
- 모든데이터를 전부 받아오며 용량이커 응답까지의 시간이 오래걸리고 비용이 큰 단점이 가지고있다.
- open-API의 대부분이 rest-API에 속한다.
fraphql-API
- 일반 함수와 같음
- apollo client 사용
- 데이터를 선택적으로 가져오며 부분의 정보를 가져와 활용하기에 시간/비용 면에서 효율적이다.
- 장점이 많지만 국내에선 아직 rest-API가 많이 사용중이다.
ex) 네이버 1번 게시글 조회
rest-API : http://naver.com/board/1
graphql-API : board(1)
CRUD
특정 기능 API를 제작할 경우 최소 4가지의 API가 필요하며
그 4가지를 Create(생성) / Read(조회) / Update(수정) / Delete(삭제) 이라하며
API별로 표와같은 명령어로 사용하며 이를 메서드*(Method)라 한다.
axios/apollo-client 등을 import 기능을 통해 가져와서 사용한다.
API 연습과 실습
If
true 0이아닌숫자 빈문자열이 아닌 문자열 객체 배열은 if문에서 Truety한 값을 가진다.
NaN undefined null ""(빈문자열) 0 false 은 if문에서 Falsy한 값을 가진다.
Switch
//switch 문법
//switch 문법
const day = "월요일";
let result = "";
switch(day){
case "월요일" :
// console.log("오늘은 월요일입니다.");
result = "오늘은 월요일입니다.";
// break; //월요일까지만 체크 (해당 case만 실행)
case "화요일" :
result = "오늘은 화요일입니다.";
// break;
case "수요일" :
result = "오늘은 수요일입니다.";
default: //최하단에 위치해야한다. (default를 통한 switch 예외처리)
result = "오늘은 " + day + " 입니다.";
}
console.log(result)코드를 입력하세요위처럼 default로 예외처리가 가능하며 defaul를 사용 안할경우
위에서 아래로 순차적으로 switch가 실행된다.
break를 통해서도 예외처리가 가능하지만 비효율적인 면이 있다.
