학습 내용저번주 금요일 부터 시작한 미니 프로젝트..! 지난주에는 프로젝트 기획, 디자인, 역할 분담까지 진행했었다. 일단 우리 프로젝트의 전체적인 기획은 아래와 같다.타겟 : 컴퓨터 견적을 맞추고 싶은데(구매), 조언을 구할 사람이 없는 분 / 컴퓨터에 대해 잘 알고있어 도움을 주고 싶은 분서비스 : 인터넷에서 견적을 맞추는 과정에 있어서 도움을 드리는 서비스목적 : 컴퓨터 구매를 원하는 사람들 중에 어떤 부품이 좋은지 잘 모르는 사람들을 위한 게시판우리 게시판의 주요 기능 : 게시판의 추천 내용이나 각종 정보를 담은 글 ● 컴포넌트 구성게시글 리스트 컴포넌트(PostList): 게시글 아이템 목록을 띄워주고, 작성 버튼을 누르면 게시글 모달 컴포넌트 띄우기.게시글 아이템 컴포넌트(PostItem): ..

5주 차에는 취업 특강과 팀 프로젝트가 주된 내용이었다. 학습 내용월, 화, 수 : 취업 특강,목요일 : 리액트 수업 과제였던 to do list app 코드 풀이, 웹 브라우저 저장소, JSON금요일 : 팀 프로젝트 : 리액트를 통해 게시판 만들기 (기획, 역할분담) Browser StoragelocalStorage : 영구 저장소session Storage : 임시 저장소두 저장소 모두 사용하는 방법이 같다.두 저장소는 문자열 키와 문자열 값을 한 쌍으로 저장한다. keyvalueidlongleenum1234 제공 메서드xxxStorage.setItem(key, value) : 새로운 항목을 저장 또는 기존 항목 변경xxxStorage.getItem(key) : 기존 항목의 값 반환xxxStorage..

4주 차에는 소플의 처음 만난 리액트3장부터 종장까지의 내용을 학습하며 실습을 진행하였다.학습 내용Chap03. JSX 소개A syntax extension to JavaScriptJavaScript and XMLcreateElement()의 역할{}(중괄호) 와 사용법Injection Attack 방어/ 가독성 증가/ 간결한 코드Chap04. 엘리먼트 렌더링엘리먼트의 정의리액트 엘리먼트 개념과 특징type, props, children불변성root DOM nodeChap05. 컴포넌트와 props컴포넌트의 개념props의 개념과 특징Pure 함수함수/클래스 컴포넌트상속컴포넌트의 이름컴포넌트와 렌더링컴포넌트 합성/추출Chap06. State와 생명주기State 개념과 특징생명주기componentDidM..

학습 내용6/3 월요일 : 객체(속성, 메서드), 클래스, 표준 내장 객체, 예외처리, BOM , window객체, location 객체6/4 화요일 : location객체, history객체, DOM(돔트리)6/5 수요일 : 동적 속성 , 커스텀 데이터 속성, 이벤트 버블링, 이벤트 캡쳐링, 기본 이벤트를 제거 하는 방법​6/7 금요일 : 리액트의 장/단점, 프레임워크와 라이브러리의 차이, 컴포넌트(재사용 가능한 화면요소), MPA와 SPA, AJAX, XML, JSON, 자바스크립트 과제이번주 과제 : 자바스크립트로 TodoList를 만들어보자. 이번 주에 겪은 시행착오/ 어려운점자바 스크립트 과제를 하며 어떤 기능을 하는지 알고만 넘어갔던 메소드들을 막상 작성하려니 생각보다 어려웠다. 자바스크립트에..