학습 내용저번주 금요일 부터 시작한 미니 프로젝트..! 지난주에는 프로젝트 기획, 디자인, 역할 분담까지 진행했었다. 일단 우리 프로젝트의 전체적인 기획은 아래와 같다.타겟 : 컴퓨터 견적을 맞추고 싶은데(구매), 조언을 구할 사람이 없는 분 / 컴퓨터에 대해 잘 알고있어 도움을 주고 싶은 분서비스 : 인터넷에서 견적을 맞추는 과정에 있어서 도움을 드리는 서비스목적 : 컴퓨터 구매를 원하는 사람들 중에 어떤 부품이 좋은지 잘 모르는 사람들을 위한 게시판우리 게시판의 주요 기능 : 게시판의 추천 내용이나 각종 정보를 담은 글 ● 컴포넌트 구성게시글 리스트 컴포넌트(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를 만들어보자. 이번 주에 겪은 시행착오/ 어려운점자바 스크립트 과제를 하며 어떤 기능을 하는지 알고만 넘어갔던 메소드들을 막상 작성하려니 생각보다 어려웠다. 자바스크립트에..

1주차, 2주차 학습 내용1주차에는 프론트의 기본인 HTML과 CSS를 배우고, 자기소개 페이지를 만들어보았다.2주차에는 자바스크립트를 배웠다. 자바스크립트의 자료형과, 여러 연산자, 자료형 변환 등 기본 문법을 학습하고, 조건문, 반복문을 배우고, 함수, 객체까지 학습했다. 다양한 실습들을 하면서 학습을 진행했는데, 아래는 제일 인상깊었던 실습 예제이다.  이번 주에 겪은 시행착오/ 어려운점아직까지는 학과 전공 수업 때 배운 내용들이라 크게 어려운점은 없었다.  앞으로 적용해야겠다고 느낀 점실습 코드를 작성해보라고 하셨을 때는 이미 아는 내용을 실습 하는 것이기도 했어서 크게 어려움이 없었다. 하지만, 강사님이 작성해주신 코드를 보면 종종 내가 작성한 코드보다 더 읽기 쉬운 코드로 작성해주실 때가 있었..