부트캠프
6주 4일차 - 리액트 기초
6주 4일차 - 리액트 기초 1. 리뷰 1.1 좋았던 점 늦게 잤음에도 6시에 일어나서 다시 잠들지 않고 공부를 시작한 것. 딥다이브 스터디를 포기하지 않은 것. 1.2 아쉬웠던 점 수면시간 부족으로 집중력 저하. 1.3 notes m1맥북에어 램16기가 ssd512기가 질렀다. 목숨걸고 공부해야 할 이유가 하나 더 늘었다. 웃프다 ㅎ하하 내일만 버티면 3일이나 쉰다. 어차피 공부하고 있겠지만, 지금 잠깐이나마 숨 고를 수 있을 때 프로젝트 전 까지 공부해야 할 것들 제대로 분량 쪼개고 미리미리 준비해두어야겠다. 부족한 공부를 때우려고 늦게 자는 것보다 일찍 일어나서 깨어있을 때 최대한 시간을 효율적으로 쓰는게 낫다. 2. 배운 것 딥다이브 12장 - 함수 리액트 jsx문법, 컴포넌트 생성 3. 내용 정..
6주 3일차 - 개인 공부
1. 리뷰 1.1 좋았던 점 동기 분들의 긍정적인 말들이 큰 힘이 된 하루였다. 부트캠프 기간이라면 휴일에도 공부를 하는게 당연하다고 느껴졌고 억지로 한다는 느낌이 아니라 스스로 필요해서 하게 되는 점이 좋았다. 1.2 아쉬웠던 점 효율적으로 시간을 쓰지 못한 것. 1.3 notes 살면서 ‘열심히' ‘한가지를' ‘꾸준히' 라는 말들은 내 인생에선 도저히 찾아 볼 수가 없었는데, 나도 내가 개발 공부를 스스로 동기부여하며 계속해서 공부를 이어나가고 있는 지금의 모습이 가끔은 신기하다. 리액트를 들어가게 되니 그동안 또 한켠으로 미뤄두었던 html, css의 숙달의 필요성이 느껴진다. 프로젝트 전에 준비해야 할 것들은 하루 하루 조금씩 준비해야 한다. 코테와 화면 구현, 타입스크립트, graphQL, 네트..
6주 1, 2일차 - 비동기, fetch api
1. 리뷰 1.1 좋았던 점 많이 헤멨는데 좋은 페어분과 만나서 과제를 잘 풀어낼 수 있었다. 정규시간 이후 스스로 리팩토링 해봤다. 1.2 아쉬웠던 점 생활코딩 강의에 내가 헷갈리던게 다 나와있었다. 처음부터 이걸 봤다면 이렇게 헤메지는 않았을텐데. 1.3 notes 독학범위를 벗어나 새로 배운 걸로 과제를 치뤘을 때의 적나라한 현재 실력이 드러났다. 의지가 아니라 시스템이다. 시간적 여유가 있을 때 미리 미리 학습방식을 개선해야겠다. 네트워크와 서버 관련 과제에서 미리 대비가 되어있지 않다면 이번 과제들과 같이 헤멜 것이 뻔하다. 2. 배운 것 fs모듈의 여러 메서드 path모듈의 경로 처리 방법 promise.all 화살표함수 표현식 async함수 만드려면 변수에 담을때 await 키워드 위치 pr..
5주 2일차 - 고차함수
1. 리뷰 1.1 좋았던 점 고차함수 문제풀이가 많이 어려웠는데 페어프로그래밍 하며 내가 설명하기 위해 공부하면서 빠르게 이해한 것 1.2 아쉬웠던 점 개인공부 못함 고차함수인지 아닌지 판단하는 문제 틀림. 아직 고차함수 개념정리가 부족함. 1.3 notes 프론트엔드 개발자는 웹디자이너가 아니다. 프론트엔드 이전에 개발자다. 구현능력 정말 중요하다. 2. 배운 것 일급 객체 forEach, map, filter, reduce, sort 등 고차함수를 사용한 배열 문제풀이 (참고: 인프런 강의 ‘자바스크립트 알고리즘 문제풀이’) 추상화 - 값 수준의 추상화, 사고 수준의 추상화 3. 내용 정리 고차 함수: 함수를 반환하는 함수 함수를 인수로 전달받는 함수 filter 메서드 사용법: 원본 배열을 수정하지..
5주 1일차 - 기술면접, 섹션1 회고
1. 리뷰 1.1 좋았던 점 기술면접 발표에 자원했던 것. 노션 섹션 1 회고 페이지에서 많은 분들이 따뜻한 댓글들을 남겨주셨고 큰 힘이 되었음. 1.2 아쉬웠던 점 발표하면서 너무 긴장했던 것 지난 주말에 이번주 계획을 명확하게 잡지 못한 것 1.3 notes 2. 배운 것 기술면접 준비방법 섹션 2에 알았더라면 좋았을 것들(33기 허재혁님) 딥다이브 스터디 - 9장 타입 변환과 단축 평가 3. 내용 정리 기술면접 기술면접의 답변은 두괄식으로 답하며, 꼬리 질문에도 대비해야 한다. 딥다이브 9장 - 타입 변환과 단축 평가 별도 문서로 정리.링크 선.참.시 이미 나이도 있고 큰 변화가 없을 줄 알았는데, 부트캠프를 수료하고 인생에 큰 변화가 생겼다. 열심히 한 사람들은 좋은 조건으로 취업했고, 열심히 하..
[코드스테이츠] SEB FE 39기 Section 1 회고
1. 배운 것 css flex를 사용하여 레이아웃 구현 기본적인 자바스크립트 문법과 es6 spread, rest 문법 스코프, 클로저 등 중요한 자바스크립트 개념 자바스크립트로 간단한 웹앱의 로직 구현 2. 느낀점 난 ~~해서 개발자는 못할꺼야, ~~라서 개발자는 못할꺼야 란 근거가 빈약한 자학보다 생존에 대한 열망이 더 커지고서야 개발공부의 첫 발을 떼었고, 올해 1월부터 독학을 시작하였다. 하는게 유익하다고 생각하는 게 있다면 할까 말까 할 시간에 일단 해봐야 한다. 막상 시작해보니 왜 이제서야 시작했을까 그동안 스스로를 의심하고 포기했던 시간들이 너무나 아깝게 느껴졌다. 먹고살기 위해 시작했던 개발 공부지만, css와 자바스크립트로 구현한 애니메이션 효과들과 three.js로 구현된 3d의 환상적..
4주 4, 5일차 - git, 솔로 과제
1. 리뷰 1.1 좋았던 점 솔로 과제에서 어드밴스드 요구사항을 완전히 구현하지 못했지만 대신 남은 시간 안에 할수 있는 걸 찾고 개선한 것 1.2 아쉬웠던 점 페이지네이션, 로컬스토리지 미완성 불필요한 오버페이스로 컨디션만 나빠지고 오히려 머리가 안돌아가서 더 능률만 나빠진 것 1.3 notes 코드스테이츠 시작 전 4개월의 독학과 1달간의 부트캠프 과정으로 내가 실제로 해낼 수 있는 수준이 어떠한가를 명백한 결과물로 확인할 수 있었다. 안다고 생각했지만 몰랐던 것, 계속해서 헷갈려 했던 것, 알지만 남에게 설명할 수준으로 심화시킨 것, 독학기간엔 어영부영 진도 빼기 망설여져서 나중으로 미루다 급하게 공부하게 된 것들 여러가지 개념들이 많다. 커리 외에 딥다이브 책 스터디도 큰 도움이 되었다. 남에게 ..
4주 3일차 - 복습
1. 리뷰 1.1 좋았던 점 자료구조와 알고리즘 공부계획을 세우기 힘들었는데 이전 페어분께 도움을 받아서 대강의 큰 틀을 잡을 수 있었다. 1.2 아쉬웠던 점 낭비한 시간들 1.3 notes 태어났으니까 사는거지, 잘 할려고 하지마, 그냥 하기나 해. 2. 배운 것 flex의 자식요소에 적용하는 속성들 복습 정규표현식 유효성 검증 함수 과제 파일에서 정상작동 시키기 딥다이브 8장 제어문 마크다운 정리 3. 내용 정리 DOM web api prependChild() , insertafter() 라는 메서드는 존재하지 않는다. !prependChild !insertafter 이벤트리스너의 첫번째 인수로 들어갈 이벤트 이름은 window객체의 on~~메서드들에서 on만 빼고 적어주면 된다. 두번째 인수는 콜백..
4주 1일차 - 복습
1. 배운 것 es6 전개 구문, rest 파라미터 공부 내용 정리 딥다이브 스터디: 깃 커밋 컨벤션 옵셔널 체이닝 7장 연산자 2. 내용 정리 연산자 호이스팅, 스코프, 클로저, spread, rest, 구조분해할당 3. 할 일 인스턴스 복습 옵셔널 체이닝 학습 커밋 컨벤션 준수 습관화 dom 예습
SEB FE 39기 3주차 회고
1. 배운 것 원시 자료형과 참조 자료형 스코프 클로저 es6: spread/ rest 문법, 구조 분해 할당 2. 소감 원시 자료형과 참조 자료형의 차이에 대해 알아보면서 콜스택과 메모리 힙에 뭐가 담기는지가 궁금해졌고, 스코프는 원래 알던 내용에서 let과 const가 호이스팅은 되었지만 참조할 수 없는 이유에 대해 딥다이브 스터디에서 제대로 짚고 넘어갔다. 클로저를 말 그대로 찍먹해보면서 실행 컨텍스트와 렉시컬 환경이 궁금해졌고, 이벤트 루프에 대해서도 이해를 하고 싶어졌으나 도저히 하루아침에 이해를 할 수 있는 내용이 아니기에 시간을 들여 정복하기로 했다. 어차피 딥다이브 스터디를 부트캠프 기간 동안 계속 한다면 다루게 될 내용이니. 전개연산자를 쓰면 깊은복사가 다 되는 줄 알았다. 그러나 하위 ..