윈도우 11 개발환경 설정 필수 프로그램 설치개발툴 설치 및 설정DataGrip 사용법 – DB 구축android 에뮬레이터 실행flutter 설치 및 idea 설정react-native setupreact electron setup 프로토콜의 이해 Http 프로토콜과 REST의 이해세션과 JWT 토큰 javascript es5 and es6 arrow functionjavascript arraylodash 활용스프레드 연산자 and deep copydestruct assignment생성자함수와 thises6 class비동기패턴 – 콜백비동기패턴 – Promise비동기패턴 – async/await html5 API html5 API 개요form api 와 validationform api 와 bootstrap validationweb에서 효과음 내기 java – 함수형 프로그래밍 람다식스트림 모듈화와 webpack npm과 webpackwebpack plugin and loaderbabel 과 eslint 설정webpack 에서 이미지 처리CommonJS 와 es6 에서의 모듈화git 사용법 react 기초 – scoreboard 클론코딩 scoreboard 클론코딩 개요페이지 방식으로 개발React ElementReact JSXfunction componentprops – 부모가 자식에게state 와 class componenprops – 자식이 부모에게페이지방식 전체 소스create-react-app CLI 방식으로 전환create-react-app 구조 분석break into moduleComponent CommunicationStatistics ComponentControlled Component라이프사이클 메서드 – 서버연동composition and inheritancehighscore – compositionhook으로 변경redux 적용 redux 기초 redux 개요redux tutorialreact-redux tutorial react 부트스트랩 활용 라우팅 페이지 설정heroes 리스트 가져오기반응형으로 만들기목록 페이징 하기hero 상세보기 – 동적라우팅hero 등록hero 등록 – 서버 연동hero 수정hero 삭제 spring으로 REST API 만들기 – 게시판 게시판 프로젝트 생성 및 실행GET 과 POST의 이해json 보내고 받기Mybatis ORM 연동board 생성 apiboard 목록보기, 상세보기 apiboard 수정 apiboard 삭제 api이미지 upload – DB 저장댓글 APIspring에 swagger 적용하기 Node으로 REST API 만들기 – 게시판 게시판 프로젝트 설정Node – GET과 POST의 이해Node – json 데이터 보내고 받기ORM 설정 – typeormentity 설계board 생성 apiboard 목록보기, 상세보기board 수정 apiboard 삭제4.5 이미지 업로드 – DB 저장4.6 댓글 api인증과 권한 설계로그인, 로그아웃 구현미들웨어 설정게시판, 댓글에 인증 로직 적용 react 화면 구현 – 게시판 프로젝트 구성게시판 목록 보기게시판 등록 화면게시판 상세보기게시판 수정하기게시판 삭제댓글 구현기본구현 마무리 – 보완점회원가입 구현로그인 처리인증 처리