학습 내용월요일 ~ 목요일 : 자바 3 ~ 7장까지Chapter 03 연산자 : 부호/증감 연산자, 산술 연산자, 비교 연산자, 논리 연산자, 삼항 연산자 등Chapter 04 조건문과 반복문 : if 문, switch 문, for 문, while 문, do-while 문, break 문, continue 문 PART 02 객체지향 프로그래밍Chapter 05 참조 타입 : 문자열(String), 배열(Array) 타입 , 다차원 배열 , 배열 복사, 배열 항목 반복을 위한 for 문, main( ) 메소드의 String[ ] 매개변수 용도 , 열거(Enum) 타입Chapter 06 클래스 : 객체와 클래스, 클래스 선언, 생성자, 메소드 선언과 호출, 인스턴스 멤버, ㅈ어적 멤버, final 필드와 상..

학습 내용저번주 금요일 부터 시작한 미니 프로젝트..! 지난주에는 프로젝트 기획, 디자인, 역할 분담까지 진행했었다. 일단 우리 프로젝트의 전체적인 기획은 아래와 같다.타겟 : 컴퓨터 견적을 맞추고 싶은데(구매), 조언을 구할 사람이 없는 분 / 컴퓨터에 대해 잘 알고있어 도움을 주고 싶은 분서비스 : 인터넷에서 견적을 맞추는 과정에 있어서 도움을 드리는 서비스목적 : 컴퓨터 구매를 원하는 사람들 중에 어떤 부품이 좋은지 잘 모르는 사람들을 위한 게시판우리 게시판의 주요 기능 : 게시판의 추천 내용이나 각종 정보를 담은 글 ● 컴포넌트 구성게시글 리스트 컴포넌트(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주차에는 자바스크립트를 배웠다. 자바스크립트의 자료형과, 여러 연산자, 자료형 변환 등 기본 문법을 학습하고, 조건문, 반복문을 배우고, 함수, 객체까지 학습했다. 다양한 실습들을 하면서 학습을 진행했는데, 아래는 제일 인상깊었던 실습 예제이다.  이번 주에 겪은 시행착오/ 어려운점아직까지는 학과 전공 수업 때 배운 내용들이라 크게 어려운점은 없었다.  앞으로 적용해야겠다고 느낀 점실습 코드를 작성해보라고 하셨을 때는 이미 아는 내용을 실습 하는 것이기도 했어서 크게 어려움이 없었다. 하지만, 강사님이 작성해주신 코드를 보면 종종 내가 작성한 코드보다 더 읽기 쉬운 코드로 작성해주실 때가 있었..

벌써 마지막주차,,! 저번주에 프리코스를 시작한 것 같았는데 벌써 마지막주차다. 이번 주차는 '다리 건너기' 였다. 이번 주차는 3주차 과정에 리팩터링이라는 목표가 추가되었다. 저번 주차때, 리팩토링을 할 시간이 부족했어서 아쉬움이 많았는데, 이번주는 코드 작성을 일단 빨리 해보고, 차근차근 리팩터링을 하자!라는 마음가짐으로 과제를 했던 것 같다. 이번 미션 역시 역할별로 클래스를 분리하고, 기능 목록 단위의 커밋을 하려고 노력했다. 처음에 읽을 때는 구현하기 쉬울 것 같았지만, 제약조건을 지키면서 하려다보니, 쉽지는 않았던 것 같다. 중점적으로 한 것들 Controller, Service 분리하기 : 저번주에는 Controller와 Model의 기능을 헷갈려서. Model은 객체의 상태변화를 위주로, ..

이번에도 문제를 받는 순간은 엄청 설렜다. 문제를 읽었을 때는 생각보다 난이도가 낮은 문제라고 생각해서 문제를 잘 풀 수 있을 것 같고 금방 끝낼 수 있을 것 같았다. 하지만, 요구사항을 만족하며 코딩을 하다보니 생각보다 일주일이라는 시간이 길지 않았던 것 같다. 일주일 동안 이 과제에 대해 몰입해서 공부하면서 성취감도 같이 느꼈던 것 같다. 어쩌면 우테코에서 원하는 '스스로 성장하는 모습'이라는 것이 이런 모습 아닐까?라는 생각도 하게되었다. 드디어 3주차..! 이번 3주차는 '로또' 였다. 3주차에서는 2가지 목표가 추가되었는데, 클래스를 분리하는 연습과, 도메인 로직에 대한 단위 테스트를 작성하는 연습이 추가되었다. 추가로, 프리코스를 하는 내내 했던 고민이지만, 적절한 네이밍과 함수 분리에 대해서..

드디어 2주차 시작..! 2주차 부터는 이전의 프리코스와 동일하게 '숫자야구'였다. 기능적으로 보면 어렵지 않은 프로젝트이지만, 우테코에서 원하는 건 클린코드에 대해 고민하고 연습하며 성장하는 것이다. 코수타 시간에서 코치님 중 한분이 이런 말씀을 하셨다. "2주차 미션부터는 함수나 메서드들을 역할에 따라서 분리하는 연습과, 테스트 도구를 연습하는 시간이 되었으면 좋겠어요. 우테코에서는 테스트를 중요시 하고 있어요. 단순히 정상 동작하는 지 테스트 하는 것이 아니라 테스트 주도 개발(TDD) 이 주는 이점에 대해 공부하고 생각해 보시면 좋을 듯합니다." 이말을 일주일 내내 계속 되새기며 과제를 해결해나갔던 것 같다. 과제를 진행하며 제일 고민을 많이하고, 어려웠던 부분은 프로젝트 구조와 테스트 코드였다...

첫주차 문제는 알고리즘 문제의 형태의 과제가 나왔다. 이번 5기부터 코딩테스트가 없어졌는데, 이를 프리코스의 형태로 대신하는 것이라 생각되었다. 진행 방식에서 유독 눈에 띄었던 부분은 기능을 구현하기 전에 기능 목록을 만들라는 문구 였다. 나는 지금까지 알고리즘 공부를 일단 주어진시간에 빠르고 효율적인 알고리즘을 사용하는 것이 중요해 이런 방식으로는 문제를 풀어본 적이 없어서 살짝 막막했던 것 같다. 항상 혼자 코딩을 할 때, 의식적으로 가독성 좋고 이쁜 코드를 짜야지!라는 생각을 가지고 시작해도 항상 촉박하게 기능적으로만 작동하는 코드 작성을 했었는데, 이제부터라도 연습을 통해 코드의 기능 뿐만 아니라, 가독성과 재사용성에 대해 고민해보며 코드를 짜야겠다라는 생각이 들었다. 🚀 문제 1 포비와 크롱이 ..