웹표준 / HTML / 시멘틱 태그 / 텍스트 / 목록 / 표 / 서식 / 콘텐츠 구획 태그 / 웹표준과 크로스 브라우징

개발 환경과 Node.js / npm의 역할 / IIFE 방식 모듈 / 다양한 모듈 스펙 / webpack 설정파일 작성

사용한 툴들 / Create React App 설정 / public 폴더와 index.html에 넣을 항목들 / 메타 데이터 / target="_blank"의 보안 취약점

이머시브 코스가 끝났다. 시작할 땐 마지막 날이 짐작도 안 갔는데, 이렇게 금방 왔다.

서비스 완성 / 서비스 화면 스크린샷 / 마주친 문제들 / API 요청 타이밍 설정하기 / 스타일링 / 마침표를 찍고 다시 시작하면서

다듬고 변경하기 / API 요청과 컴포넌트 연결하기 / 스타일링 시작 / 남은 기간 7일

새로운 프로젝트, 식물 관리 기록장 '초록 ChoLog' / 새로운 도구를 사용하기 / 기능 설문조사 실시, 그 결과는? / User Flow와 UI 디자인 / React Navigation 4.x 에서 5.x로 / 마주친 난관 / 남은 시간은 2주

프로젝트 1 마무리하기 / 완성된 모습 / 아쉬운 점 / 물론 좋은 점도 여러가지 / 디자인은 처음부터 / 다음 프로젝트를 준비하기

프로젝트 1 시작 / 팀으로 일하기 / 문제와 의문에 부딪히기 / Git Flow

인증하기 / Session, Cookie / Express.js의 미들웨어들

S3 / EC2 / RDS

DATABASE Sprint 소회 / 데이터베이스의 필요성 / 스키마, 스키마 설계 / mysql2 / Sequelize

callback / Promise / async, await

To-do List with React / 완성된 모습, 느낀 점과 배운 점 / Ref / input value를 state로 다루기

React - 주의점과 팁 / Window.localStorage

Functional Component vs class Component / props / state / Life cycle

Fetch API / package.json / 자바스크립트 모듈 - 서버사이드 / Node.js를 이용하여 서버 뼈대 구성하기

Ajax / Browser / HTTP / API / Server

미디어를 재생하고, 멈추고, 재생중인지 확인하기 / 미디어 요소와 관련된 프로퍼티들 / 부모 엘리먼트 안의 자식 엘리먼트 가져오기 / MouseEvent.offsetX : 특정 엘리먼트 안에서 마우스 위치 감지하기 / 전체화면 설정하기 / Document: scroll event / Window.scrollY / HTMLElement.offsetTop / img 엘리먼트와 일반 엘리먼트의 width값 구하기 / 박스 크기를 넘어가는 문장에 말줄임표 생성하기 / if (조건) return true or false로 구성된 코드를 간단하게 적기

setTimeout() 메서드에 첫 번째 인자로 함수 실행 값을 넣었을 때 / return 시 삼항 연산자 사용하기 / 참조 타입 변수가 선언될 때, 변수 혹은 함수의 반환 값을 요소로 가지고 있다면 / 생성자 함수 상속 구현하기 / 구조 분해 할당