2023-01-11

알고리즘 수업

• 조건식이 일치하지 않을 경우(false)에는 예외(else) 문법의 로직이 실행된다.
• Else 문법에 if를 추가로 적용할 수 있다. 이때 반드시 소괄호()에 조건식을 함께 넣어야 한다.

Const a = 1;
  if(a > 1) {
  } else if (a === 1){
  } else {
      a가 1보다 작다.
}

• Else if은 추가적으로 계속 붙을 수 있지만, else은 하나만 사용 가능하다.

• switch 문법 : 모든 케이스를 체크하고 모든 케이스를 실행을 함

• isNaN(‘asd’); // 주로 숫자 판별에 사용

• Number.isNaN(NaN) // 오로지 NaN 값만 판별

• IndexOf

Const arr = [‘a’, ‘b’, ‘c’]
Arr.indexOf(‘c’);

• new Array : fill과 함께 사용해줘야 함

Const arr2 = new Array(5);

• fill

Arr2.fill(1);  // [ 1, 1, 1, 1, 1 ]

3일차 수업(오프라인)

• 개발에서의 통신은 인터넷만 연결되어 있으면 단순한 프로그램 설치로 가능하다.

Section 02.

• 하이퍼텍스트 (= HTML) : 요청(‘req’uest)과 응답(‘res’ponse)으로 구성되어 있다. 헤더와 바디로 구성됨

• FTP : 파일을 전송하는 길

• SMTP :  간단한 메일을 전송하는 길

• 하이퍼텍스트(HTTP)를 주로 많이 사용

• 요청헤더와 응답헤더는 서로 같지 않다

• [http 상태코드] 성공에 관련된 코드들 = 성공응답 (MDN 참고 바람)

• [브라우저-클라이언트] 요청

• [백엔드-서버] 데이터를 서빙해줌

• [404] 클라이언트가 잘못 접속했다는 코드

• [JSON] 자바스크립트 객체 표기법. 제이슨과 객체는 서로 다르다. 객체를 문자열로 바꾼 것이 제이슨이다.

• [API] Api는 여러개가 무수히 많이 필요하다

• REST(기존트렌드) vs. GRAPHQL(최근 뜨고 있는 트렌드, by 페이스북)

• 불필요하게 추가적으로 데이터를 많이 받아오는 것이 아이티업계에서는 그닥 좋은 것이 아니다. 용량이 많아질수록 속도가 너무 느려짐. => 그래서 그래프큐엘을 많이 넘어가고 있는 추세임(불필요한 데이터를 제외한 필요한 데이터만 골라 받아올 수 있도록 페이스북에서 만들어낸 프로그램)

• 엑셀이 바뀐다는 것은 위험요소가 따른다는 것을 내포(생성, 수정, 삭제 - Mutation 부분)(Query는 조회만 하기 때문에 안전하다.)

포스트맨

• api주소이름 = endpoint
• :id = 임의로 변경될 값
• 데이터가 작으면 속도가 빠름
• 포스트맨은 필요한 부분만 받을 수가 없음

graphql

• 가장 실무에 가까운 것이 3단계 프로덕트이다.
• 리턴은 응답을 받아올 데이터
• 쉬프트+스페이스바 누르면 선택할 수 있는 목록 리스트 나옴
• 동명이인이 있을 수 있기 때문에 중복되지 않은 고유의 아이디 값이나 주소를 줘야 함
• 아이디와 넘버가 함께 있을 때는 둘 다 쓰지 않고, 보통은 한 개만 쓴다.
• { } 안에 아랫줄로 내려서 입력할 때는 콤마 생략가능. 다만, 일렬로 입력할 때는 불가능
• 배열 안에 객체가 감싸인 형태로 보여줘
• 실행 단축키 : 컨트롤 + 엔터
• node_modules 파일이 삭제되어 다시 목록을 다운 받아야 할 경우

yarn install

[참고] Yarn.lock : 버전 관리 파일

• 버전이란 것은 실무에서 굉장히 중요하고 민감한 부분

• .git 업로드 => git init

• Gitignore : 깃허브에 저장 안되도록 무시할 파일들

• listen = 기다린다

• 컨트롤+C : 작동중인 코드 꺼줌(중단)

• 소스코드를 실행했을 떄 자동으로 재시동 안됨. 껐다가 다시 실행해야됨

• 내 컴퓨터 : http://localhost:3000

• 가장 중요한건 서버가(프로그램이) 꺼지면 접속이 안된다

• 아이티업계에서는 끊임없이 버전과 기술이 계속 업데이트가 되기 때문에 책과 강의보단 가장 먼저 ‘공식문서’ 홈페이지를 봐야 한다. 대부분 영어판임. 가급적이면 영문으로 볼 것

• 실무에서 개발자들이 하는 일

  1) 개발을 하고 있다
  2) 공식 문서를 보고 있다

• 공식문서를 볼 때 중점으로 보는 부분 (하나하나 모두 다 보는 것이 아니라, 필요한 부분만 뽑아내는 것)

• 공유문화 마인드 (페이스북의 리액트, graphql-API)