TIL

코드스테이츠 20주 몰입과정을 한지 1주가 지났다. 지난주에 시작했어야 하지만 주어진 학습량을 소화하며우분투 듀얼부팅으로 설치하는 과정에서 부팅오류가 발생해 시간을 많이 낭비하게 되었다🤯형편없는 글솜씨지만 점점 나아지길 기대하며 매일 학습한 것을 기록해보려한다한주간

CLI 우분투 터미널에서 사용하는 CLI 명령어를 몇 가지 익히고 사용해보았다. 아직 익숙하지는 않지만 몇번 사용하다보니 GUI보다 확실히 사용하기 편리하게 느껴졌다Git과 GitHub이전에 GitHub를 단순히 코드저장소로 사용했었는데 fork, clone, comm

Today I Learned Scope와 Closuer의 개념에 대해 학습하였고 Koans Advance 과제를 마무리 하였다. 1. Scope Scope란 변수에 접근할 수 있는 범위라고 할 수 있는데 Global Scope와 Local Scope로 나뉘어져있다.

오늘은 TDD에 대한 개념을 학습하고 페어프로그래밍을 진행하여 테스트코드를 작성해보았다. 테스트코드 작성이라고 했지만 사실 퀴즈를 풀듯이 빈칸에 알맞는 코드를 작성하는 거라 TDD기법을 적용했다라는 느낌을 받기보다는 Test 도구?(chai)를 사용해보는 느낌이여서 오

Today I Learned 오늘은 JS의 OOP와 Spread 연산자(...)를 학습했고 어제 하던 TDD의 심화 문제를 페어프로그래밍으로 진행했다. 1. OOP JS에는 2. Spread 연산자 3.

Today I Learned 오늘은 한주간 배운내용을 복습하였고, 스코프, 클로저, 호이스팅에 대한 내용을 정리하여 블로그에 작성했다. es5와 es6의 차이에 대해서 살펴봤는데 이부분은 아직 모르는게 많아서 자바스크립트 문법을

Today I Learned HTML과 CSS를 학습하고, 프론트엔드 개발의 workflow를 학습했다 HTML과 CSS를 활용해서 나만의 프로필 페이지를 제작했다. 태그를 사용하고 CSS 스타일을 적용하는 것은 어렵지 않았지만 이를 사용해서 레이아웃을 구성하는건 생

HTML과 CSS를 이용해서 트위터의 클론 트위틀러의 목업을 페어프로그래밍으로 만들었다. 미리 와이어프레임을 설계하고 진행하니까 CSS를 사용하기가 훨씬 수월했다.DOM에 대해서 학습하였고, 자바스크립트를 이용해서 DOM을 조작하여 HTML Element를 추가(Cre

오늘은 코드스테이츠를 시작하고 가장 힘들었다. 장마로 인해 덥고 습해서 집중도 잘 안되고 페어프로그래밍을 하며 문제가 해결이 잘 안되서 많이 지쳤었던 것 같다... 부족한 부분을 잘 복습해서 내일은 막힘없이 과제를 진행해나가야겠다.회원가입을 할 때 비밀번호나 아이디 양

오늘은 하루종일 페어와 Twittler의 기능을 구현했다. 처음에는 DOM과 이벤트객체를 다루는게 익숙하지 않아서 코드를 지저분하게 작성했다가 각 기능들을 함수로 정의해서 구현했다. 확실히 각 기능을 함수 단위로 쪼개서 작성하니까 코드의 가독성도 좋았고 안정적으로(?)

고차함수란 다른 인자로 함수를 받거나 함수를 말한다. 배열의 reduce(), map(), filter() 등이 고차함수의 예라고 할 수 있다. 고차함수를 정의하면서 좀 더 복잡한 로직을 추상적으로 작성할 수 있었다.고차함수를 학습하였고 페어와 페어프로그래밍을 통해 코

오늘은 대체공휴일로 코드스테이츠의 학습일정이 없었기 때문에 개인적으로 부족한 부분을 복습하는 시간을 가졌다. 일정이 없다고 아침에 약간 늘어지게 되었는데 개인적으로 공부할 때는 일단 집밖으로 나오도록 해야겠다.코플릿 고차함수를 처음부터 다시 풀어봄HTML CSS DOM

Today I Learned 오늘은 하루종일 페어와 underbar 과제를 했다. underbar과제는 배열의 메서드들을 페어 프로그래밍으로 직접 구현해보는 것이 였는데 처음에는 콜백함수처럼 구현하는 방식이 이해가 안되서 페어와 두시간 정도 헤매다가 어느정도 이해가

오늘은 어제 하던 underbar과제의 advanced과제를 페어와 함께 끝냈고 자바스크립트의 비동기 호출의 개념과 함수의 메소드 apply, call에 대해 학습하였다. Pre코스의 끝이 다가올수록 학습해야할 양이 점점 늘어나는 것 같다. 복습해야할 것도 많고 아직

오늘 재귀함수에 대해 학습하고 페어와 코플릿 문제를 풀고 재귀에 익숙해지기 위해 DOM 메소드인 getElementByClassName을 직접 구현해보는 과제를 진행했다. 이 과제를 진행하면서 재귀 구현에 대한 어려움보다 DOM객체에 대한 이해가 많이 부족하다고 느꼈고

오늘은 하루종일 페어와 JSON.stringify 메서드를 직접 구현해보기 위해 stringifyJSON함수를 만드는 과제를 진행했다. 처음에 문자나 숫자같은 간단한 데이터들이 입력을 받았을 경우는 금방 구현해냈지만 배열이나 객체가 들어온 경우를 해결하는데 꽤나 고생을

코드스테이츠의 4주간의 프리코스가 끝이났다. 오늘은 그동안 학습과정을 회고하면서 앞으로 시작할 이머시브코스를 어떻게 진행해갈지 생각하는 시간을 가졌다. 프리코스를 통해 나만의 학습루틴이 어느정도 갖춰졌고 잘 모르는 부분은 스스로 습득할 수 있는 능력을 갖춘 것 같다.

오늘은 원래 친구들과 근처 계곡을 가려고 몇주전부터 계획했으나 갑자기 코로나 확산으로 인해 취소하고 소소하게 에어비엔비로 방 빌려서 노는걸로 변경했다. 입실이 4시라 그전까지 시간도 남았고 왠지 하루라도 공부를 하지 않으면 찝찝해서 조금이라도 공부하려고 평소보다 일찍일

오늘은 수업일정이 없어 자유롭게 혼자 공부하는 시간을 가졌다. 내일있을 HA를 준비하며 복습할 겸 유어클래스의 내용들을 가볍게 다 읽어보았고, 자바스크립트를 이용해서 간단한 프로젝트를 진행해보려고 이런저런 아이디어를 찾아보던중 노마드코더의 무료 강의들이 몇개보여서 보기

오늘은 프리코스의 마지막 HA가 진행되었다. 시험이라는 긴장감 반과 내가 지금까지 배운것을 테스트 해보는 설렘반으로 시험을 시작했다. HA는 코플릿에서 진행되었고 총 7개의 문제가 있었다. string메소드, array메소드, Math메소드 등 기본적인 것부터 DOM활

프리코스의 HA를 모두 통과했기 때문에 이번주는 하고 싶은 공부를 자유롭게 하는 시간을 가질 것 같다. 프리코스 기간동안 항상 집 또는 카페에서 앉아서 공부만 했는데 오랜만에 공원에서 산책도 좀 하고 조금 뒹굴대는 시간도 가졌다. 적당한 휴식을 가졌으니 다시 힘내서 s

자바스크립트의 this에 대해서 자세하게 학습함코딩테스트 사이트에서 문제들을 풀어보고 github에 기록하기 시작했다.

오늘은 프로그래머스에서 코딩테스트 Level1연습문제를 풀면서 하루를 보냈다. Level1이다보니 문제 해결 방법은 어렵지 않았다. 대부분 배열 메소드, 문자열 메소드를 활용하면 해결 가능한 것들이었다.테스트를 모두 통과하면 다른 사람들의 코드를 볼 수 있었다. 정말

토, 일 주말동안 프로그래밍의 코딩테스트를 계속 연습했다.

오늘은 IM코스의 첫날이었는데 주말에 먹은 것이 잘못됬는지 새벽부터 설사와 구토로 잠도 못자고 OT에도 참여못하고 학습에도 집중을 잘 못했다. 그래도 오후 3시쯤 어느정도 몸이 회복되었고 예정된 학습일정을 어떻게든 소화 해낼 수 있었다. 코스 첫날부터 망친 것 같아 속

화살표 함수, this 키워드, call(), apply(), bind() 메소드에 대해 학습했다.학습한것들을 이용해서 페어와 Modern JavaScript Koans를 진행했다.페어와 Git을 활용해서 프로그래밍을 하는 것에 좀 더 익숙해졌다.

오늘은 HA때 작성했던 코드들을 페어와 리팩토링하는 시간을 가졌다. HA 때는 문제를 해결하기 위한 과정을 거치면서 코드를 더럽게 작성했는데 리팩토링을 통해 훨씬 보기 좋고 간결하게 코드를 작성할 수 있었다. 페어가 작성한 코드와 내 코드를 비교하면서 문제 해결을 위한

Today I Learned 스택과 큐에 대해 학습하고, 페어와 자바스크립트로 직접 구현해봄 내일 진행할 Linked List와 Hash Table에 대해 미리 공부해봄

오늘은 Linked List와 Hash Table에 대해 학습하고, 자바스크립트로 구현하는 것을 했는데 어제 구현한 스택과 큐에 비해 난이도가 갑자기 확 올라간 느낌이 들었다. 미리 예습을 해서 개념에 대해서는 이해했는데 직접 구현하는 과정에서 페어와 꽤 고생을 했다.

프로그래머스의 코딩 테스트 연습 Lv2 문제를 풀기 시작했다.스택, 큐, 연결 리스트, 해쉬 자료구조를 복습하고 블로깅했다.

오늘은 자료구조의 트리, BST, 그래프에 대해 학습하고 페어와 자료구조를 직접 구현해보았는데 BST의 중위순회를 구현하는데 막혀서 그래프와 함께 내일 마무리 하기로 했다.프로그래머스 Level2 문제를 어제부터 풀기시작했는데 확실히 Level1에 비해 난이도가 확 올

페어와 어제 다 못한 BST와 그래프를 구현하였다.알고리즘의 복잡도에 대해 학습하였다.

오늘은 자바스크립트의 객체 지향 프로그래밍(OOP)에 대해 자세히 배우게 되었다. OOP는 예전에 클래스 기반 언어인 C++과 Java를 배우면서 접한 적이 있었는데 그로 인해 OOP는 클래스를 사용하는 것이라고 잘못 이해하고 있었다. 프리코스 때 자바스크립트의 OOP

오늘은 자바스크립트의 클래스와 상속에 대해 학습하고 BeesBeesBees 스프린트를 진행하면서 ES6의 클래스를 사용한 상속과 프로토타입을 이용한 상속 두가지로 직접 작성하면서 Inheritance pattern에 익숙해 질 수 있었다.페어와 BeesBeesBees

오늘은 Subclass Dance Party 스프린트를 진행했다. 이번 스프린트는 OOP의 다형성의 특징을 직접 구현하는 것이였다. 기존에 함수로 작성된 코드를 프로토타입과 클래스를 사용한 상속을 이용하는 방식으로 리팩토링을 하고 CSS를 사용해 자기만의 방식으로 화면

토요일에 카카오 블라인드 채용 코딩테스트가 있어서 한번 경험해보고 싶어서 참여하게 되었다. 총 7문제로 5시간동안 진행했는데 한 문제도 풀지 못했다. 가볍게 풀어보던 문제들과 비교했을 때 해결방법이 바로 떠오르지 않았고 접근방법이 떠올라도 시간복잡도도 신경써야 했기 때

오늘은 이머시브 코스의 첫 HA(Hiring Assessments)를 진행하였다. 이머시브 과정으로 넘어와서부터 지금까지 배운내용을 전반적으로 이해했는지 알아보는 시간이었다. 크게 6가지 주제로 this 키워드, 큐, 트리, 상속, 시간 복잡도, 재귀에 대한 내용 풀었

Today I Learned N-Queens 스프린트를 시작했다. N-Queens 문제를 풀기 위한 방법인 DFS/BFS/BackTracking에 대해 학습했다.

오늘은 자바스크립트의 비동기 처리를 위해 사용하는 Promise와 async/await 키워드를 학습하고 페어와 스프린트를 진행했다. Promise와 async/await의 사용방법은 어렵지 않았는데 전체적인 코드의 동작과정을 이해하는데 애좀 먹었다.자바스크립트의 비동

페어와 Mini Node Server 스프린트를 진행했다. 직접 서버를 구현해보고 클라이언트의 요청을 처리하는 동작을 구현해보았다. node.js 공식문서인 HTTP 트랜잭션을 참고하여 클라이언트의 요청을 처리하고 응답을 보내주는 코드를 작성할 수 있었으나 요청을 처리

주말동안 한주간 진행했던 스프린트들을 복습하는 시간을 가졌다. 스프린트를 진행할 때는 수많은 삽질을 거쳐가며 문제를 해결하다보니 잘 정리가 되지 않았는데 웹 아키텍쳐를 한번 더 정리하고 내가 작성한 코드를 뜯어 보면서 서버에 대한 개념과 구축에 대해 좀 더 익숙해 질

이전에 진행했던 ChatterBox Client 스프린트에서 서버는 구현된 상태에서 클라이언트를 구현했었는데 오늘은 서버를 직접 구현했다. Client에서 GET과 POST 요청을 받았을 때 해당 요청에 따른 동작을 구현했다. ChatterBox Server 구현nod

오늘은 드디어 React에 대해 학습을 시작했다. 오늘은 페어없이 혼자서 학습을 진행하고 스프린트를 진행하기 때문에 React 공식문서를 꼼꼼히 읽으면서 공부를 했다. React 공식문서의 코드를 따라 쳐보면서 공부하다보니 시간이 많이 부족해서 Twittler Reac

Twittler React 스프린트를 끝내지 못했다. 레퍼런스 코드를 보면서 복습React 컴포넌트 안의 state와 Lifecycle에 대해 학습했는데 잘 이해가 안된다. 복습 필요

Recast 스프린트를 시작했다. 아직 React의 동작 방식과 state, props의 개념, 이벤트 처리하는 법들이 잘 이해되지 않아서 페어 프로그래밍을 중단하고 각자 개인적으로 개념을 정리하는 시간을 가졌다YouTube API를 사용해서 영상들을 요청하고 Reac

Recast 스프린트를 끝냈다. 이번 스프린트가 지금까지 한 것 중에 가장 어렵게 느껴졌다. 테스트는 모두 통과했지만 아직 Life Cycle, Lifting state up 같은 것들이 잘 이해되지 않는다. 주말을 잘 활용해서 리액트에 대해 다시 정리해봐야겠다.Rec

Today I Learned React 공식문서를 통해 개념 복습 recast 스프린트를 처음부터 다시 작성

오늘은 Redux에 대해서 학습하고 지난주에 했던 recast 스프린트를 Redux로 리팩토링 하였다. 어느정도 코드가 작성되어 있어 action, reducer, store만 구현하면 되서 어렵지 않게 했는데 처음부터 직접 구현하는건 힘들 것 같다. 이번 학습을 통해

오늘은 이머시브 코스를 시작하고 두번째 HA를 진행했다. 이번 HA에서는 영화 정보를 보여주는 애플리케이션을 만드는 것이었다. 서버에 GET 요청을 보내 영화 정보를 가져오는 기능을 구현했고, 가져온 영화 정보를 React를 사용하여 동적으로 화면에 렌더링하도록 구현했다. Today I Learned 두번째 HA를 진행했다. 영화 정보를 보여주는 웹 구현

2일 동안 솔로로 Personal Portfolio 스프린트를 진행했다. 개인 포트폴리오 사이트를 만들어 보면서 React앱을 직접 설계해서 만들어 보았고 싱글 페이지 애플리케이션(SPA)과 클라이언트 사이드 라우팅(Client Side Routing)에 대해 학습하여

3일동안 데이터베이스 스프린트를 진행하면서 스키마 설계와 SQL 쿼리문을 학습하였고 이전에 진행했던 chatterbox-server를 데이터베이스와 연결하여 메세지를 저장할 수 있도록 만들었다. Today I Learned 스키마 설계와 SQL쿼리문 학습 MySQL을 사용하여 데이터베이스 구축, 서버와 연결

지난 한주간 진행했던 Personal Portfolio와 Database 스프린트를 복습하였고, Database 스프린트를 진행하면서 서버에 대한 개념이 부족하다고 느껴져서 서버의 동작에 익숙해 지기 위해서 express의 공식문서를 보면서 복습하였다.한주간의 스프린트

디자인 패턴에 대해 학습하고, 디자인 패턴을 적용하는 short.ly 스프린트를 진행했다.공식문서를 통해 sequelize ORM과 CLI 툴들을 사용하여 모델을 작성하고 migration하는 방법을 학습했다.

오늘은 short.ly 스프린트를 일정보다 빨리 끝냈기 때문에 시간이 많이 남아 있었다. 지금까지 여러 스프린트를 거치면서 서버와 데이터베이스를 다루다보니 Promise와 async / await 에 대한 이해도가 많이 부족하다고 느껴져서 이전에 진행했던 Asynchr

Shortly-express 스프린트에서 사용자의 패스워드를 데이터베이스에 저장할 때 암호화를 하는 동작을 구현했다. 해당 기능을 구현하기 위해서 Sequelize Hook에 대해 학습.OAuth를 이용한 인증에 대한 개념 학습 + 블로깅. GitHub 로그인을 간단히

Today I Learned 코드스테이츠 프리코스 복습(함수, 클로져, 고차함수) 알고리즘 문제 풀기

코드스테이츠 Javascript 복습(OOP, ES6 문법)알고리즘 문제 풀기

리액트 복습(porps, state, 이벤트 핸들링)알고리즘 문제 풀이

Today I Learned

Today I Learned

알고리즘 문제 풀이

Redux 학습알고리즘 문제 풀이

Redux 학습알고리즘 문제 풀이

리액트 학습알고리즘 문제 풀이

리액트 학습알고리즘 문제 풀이

리액트 학습알고리즘 문제 풀이

리액트 학습알고리즘 문제 풀이