프리온보딩-수업 내용정리

최종으로 결정된 커밋 메시지 컨벤션

📖 Code Review Check Point! HTML 무시하지 말자! 시맨틱한 코드를 사용해야 한다 파일안에 하나의 컴포넌트만 만들기 CSS도 공부가 필요하다

Route 페이지에서 path도 상수관리 할 것! (오..!)프론트엔드 개발자라면 디자인도 신경쓰자!리액트는 SPA (single page application)인데, FOUC (Flash Of Unstyled Content)이 발생한다면 무언가 이상하게 되고 있다!!

사실 React에서 성능 최적화는 중요하지 않습니다. 코드 1000줄 정도 리팩토링하면 0.001초 정도 개선될 수 있을까요..?하지만 중요하지 않은 것과 내가 성능에 대해 알지 못하는 것은 다르죠! 내용을 충분히 익히고 성능 최적화가 필요한 그 순간! 오늘의 지식이

변경 전 : onChange안에 로직을 구현하면 가독성이 떨어진다변경 후 : 함수를 새로 생성해서 마크업 가독성을 높여주자!!변경 전 : 디바이스, 브라우저 환경에 따라서 제시되는 글자수는 다를 수 있다.변경 후 : css를 사용해서 화면에 예쁘게 나오도록 수정한다.

현재 실행 중인 코드가 끝나야 다음 코드를 실행= 현재 실행중인 task가 종료할 때까지, 다음 task가 대기하는 방식→ 순서대로 실행. 너무 당연한 이야기.장점: 동기 처리는 코드를 순서대로 하나씩 실행하기 때문에, 실행 순서가 보장된다.단점: 현재 실행중인 tas

➡ function 정의만 존재하고 별도의 할당 명령이 없다.➡ function 키워드로 정의한 함수를 변수에 할당하는 것을 말한다.

자료구조와 알고리즘

매개변수의 우측에 콜론(:)과 매개변수의 타입을 정의return 값의 타입은 소괄호()우측에 타입을 정의➡ formatDate의 매개변수 d는 Date 객체 타입을 받아야하고, return 값은 문자열이어야 한다📌 리액트를 위한 타입스크립트

MVC 패턴, Flux 패턴, Redux

1. Redux-saga 2. Context API 3. Responsive Web 4. Cross Browsing

modulewebpackbabel

SPA, CSR, SSR