seb 39

SEB FE 39기 3주차 회고

1. 배운 것 원시 자료형과 참조 자료형 스코프 클로저 es6: spread/ rest 문법, 구조 분해 할당 2. 소감 원시 자료형과 참조 자료형의 차이에 대해 알아보면서 콜스택과 메모리 힙에 뭐가 담기는지가 궁금해졌고, 스코프는 원래 알던 내용에서 let과 const가 호이스팅은 되었지만 참조할 수 없는 이유에 대해 딥다이브 스터디에서 제대로 짚고 넘어갔다. 클로저를 말 그대로 찍먹해보면서 실행 컨텍스트와 렉시컬 환경이 궁금해졌고, 이벤트 루프에 대해서도 이해를 하고 싶어졌으나 도저히 하루아침에 이해를 할 수 있는 내용이 아니기에 시간을 들여 정복하기로 했다. 어차피 딥다이브 스터디를 부트캠프 기간 동안 계속 한다면 다루게 될 내용이니. 전개연산자를 쓰면 깊은복사가 다 되는 줄 알았다. 그러나 하위 ..

3주 5일차 - 클로저, es6

1. 리뷰 너무나도 잘 맞는 페어분과 함께하여 월요일까지 할 과제를 오늘 끝내버려서 너무나도 홀가분했다. 그러나 til 정리를 마무리하지 않는 한 하루가 끝난게 아니다. 하마터면 정줄 놓고 오늘 하루를 마감할 뻔 했다. 이번주에 급하게 머릿속에 집어넣은 개념들은 기술면접에서 무조건 물어보는 자바스크립트 핵심 개념들이기 때문에 반드시 제대로 이해하고 스스로 설명할 수 있어야 한다. 페어 과제가 일찍 끝나 번 시간만큼 복습에 힘쓰도록 해야겠다. 딥다이브 스터디 내용도 반드시 복습이 필요하다. 바빠서 어물쩡 넘어가는 것들이 훗날 큰 후회로 다가오기 전에 바로잡자..! 2. 학습 키워드 클로저 클로저 함수의 데이터를 보존한다는 의미 렉시컬 환경에 언제 무엇이 저장되는지 클로저는 특정 데이터를 스코프에 가두어 둔..

3주 3일차 - 객체

공부 참고 자료 객체 1. 리뷰 내 시간에 대한 바운더리를 명확히 하되 그만큼 나도 타인의 시간을 존중하자. 나부터 실력을 키워야 남도 알려줄수 있다. 개인 공부할 시간이 너무 모자란 하루였다. 성찰의 의미로 미완된 til 그대로 올린다. 도저히 현재 수준에서 검색해봐도 이해가 안되는건 자료구조이던가 이산수학이던가 하는 경우가 많은듯 하다. 비전공자라 어쩌고 저쩌고 하는거 굉장히 싫어하지만 4개월로 4년을 비벼볼 생각 하지 말고, 조용히 코끼리를 냉장고에 넣읍시다잉. 2. 학습 키워드 객체 메소드 단축구문 작성법 in 연산자의 반환값, 사용법 - 1. 기본 기능, 2. 응용: 조건문 안에 넣어서 쓰는 경우 this 객체 메소드 작성시 화살표 함수 사용을 지양해야 하는 이유 pokemon.splice(5,..

3주 2일차 - 배열

1. 리뷰 지금 국취제로 이런 퀄리티의 부트캠프를 참여 할 수 있다는 것만으로도 작년으로선 상상조차 못했던 이상적인 결과이고, 독학하며 삽질하던 기간이 결코 헛되지 않았고 난 내 나름의 최선을 다 했다. 그런데 왜 스스로 잘하고 있다고 다독여 주고 뿌듯해 할 만도 하건만 가슴이 텅 빈것 같은지 모르겠다. 아직도 항상 나보다 잘 하는 사람과 나를 비교하면서 내 모자람만 부각시켜 받아들이고 있는 걸까, 이게 더 열심히 하게 될 촉매제라고 생각하면서? 취업하면 모든 고생 끝 낙원 시작이 아니다. 살면서 항상 장애물에 부닥치게 될 거고, 그걸 이겨나가면서 살아갈 거고, 돈을 이만큼 모으면, 이정도 회사에 취업하면, 이런 집에 살면, 파이어족으로 노후준비가 끝나면 행복해 지겠지 라고 내 모든 행복은 결코 다다르지..

SEB FE 39기 2주차 회고

SEB FE 39기 2주차 회고 1. 배운 것 css 선택자, 박스모델 등 기초 문법 flex를 이용하여 계산기 레이아웃 구성 자바스크립트로 계산기 코드 구현 2. 부족한 부분 또 일단 짜면서 시작해서 논리가 뒤죽박죽되어 계산기 코드가 난잡해졌다. 순서도와 의사코드 작성하기 전엔 코드엔 손도 대지 말아야 하겠다. flex-direction이 -reverse가 붙는 경우의 justify-content의 변화나 wrap-reverse 상태에서의 요소 위치의 변화를 잘 모르겠다. 페어에게 좀 더 최선을 다하자. 초조해 하지 말자. 잘 할 필요 없고 그냥 하기만 해라. 어제보다 오늘이 나으면 된거지.

2주차 주말 - 개인 공부

1. 리뷰 배열문제를 풀기 위해 정렬알고리즘을 꼭 복습해야겠다. Bracket notation으로 객체의 값에 접근할 때 변수로 접근하는 경우가 아직 미숙하다. 표현식인 문과 아닌 문에 대해 학습했지만 완전히 이해될 때 까지 계속 봐야 하겠다. 2. 학습 키워드 자바스크립트 - 배열, 객체 배열에 없는 요소에 접근시 반환값 이차원 배열의 요소에 접근하는 방법 계속 재할당되며 최종적인 답의 값을 담는 변수의 초기값 지정이 중요한 이유 split(), join(), slice(), splice(), Array.isArray(), push(), unshift(), pop(), shift(), indexOf(), includes() console.table indexOf와 includes 메소드의 불린값 이용하..

2주 5일차 - 간단한 웹앱 만들기

1. 리뷰 체력관리가 안되고 있다. 정답에 거의 근접하였는데 정말 조금만 더 하면 될 문제를 못 풀었다. 자기파괴적인 행위가 아닌 진정한 의미의 유익한 휴식을 취하고 싶다. 계산기를 이전에 구현해본 경험이 있어 기본적인 동작은 무리없이 구현할 수 있었으나 엣지 케이스는 확실히 당혹스러웠다. 주말에 머리가 좀 맑아지고 나서 레퍼런스를 천천히 뜯어보아야 겠다. 난 if문에 다 return 값 줘야지만 동작하는 코드였는데 이부분도 어떻게 다를지 궁금하다. 2. 할 일 DOM flex, grid 실습예제 2주차 회고 자바스크립트 cs강의 목차나누기 - 데일리 코딩이 6월 말부터 시작하는걸로 캘린더에 반영되어 있으니 참조. 딥다이브 5장 학습

2주 3일차 - HTML/CSS 활용

1. 리뷰 flex의 자식요소에 적용되는 속성들에 대해 제대로 이해하지 못하고 과제를 진행하여 의도대로 구현하지 못하고 하드코딩으로 때웠다. 현업의 방식처럼 margin을 지양하고 flex나 position속성을 이용하여 여백을 주는 법을 숙지하도록 해야겠다. 앞으로 bem 방식을 숙하고 가급적 class선택자 위주로 사용하도록 하되 구조가상클래스 선택자에 대한 공부는 더 필요하다. 개강하고 사실상 계단 오르기정도 말고는 운동을 거의 못했다. 오전에 하던지 정규시간 종료 후 하던지 반드시 해야겠다. 배나오고있다. 수기로 쓰던 앱으로 쓰던 플래너를 다시 사용해야겠다. 또 개강 이후론 공부시간을 측정하지 않았는데 다시 측정해야겠다. 쉬는 시간과 공부시간의 명확한 구분이 필요하다. 집중력과 시간 안배가 개선할..

2주 2일차 - HTML/CSS 활용

계획 오전 줌 세션 전까지 flex 실습 코플릿 반복문 문제 17, 18번 복습 3시 페어 전까지 flex 반복숙달 정규일정 종료 후: flex/grid 공부 페어와 추가 공부 필요시 이어서 진행, 아니면 딥다이브 변수파트 공부 정렬알고리즘 til정리 0. 아고라 스테이츠 줌 세션 질문자 입장: 바보같은 질문이지 않을까, 내가 선임에게 일을 딜레이시키지는 않을까, 내가 뭘 모르는지 몰라서 선임자 입장: 질문 좀 해줬으면 좋겠는데, 이거 이거 이런건 설명하지 않으면 처음에 업무를 이해하기 힘들텐데 질문자: 필요한 말을 구체적이고 명료하게 전달하는 게 포인트 개발을 배울 수 있는 회사: 맞선임이 있는 회사 나를 담당할 선임이 없다면? : 검색 Don’t reinvent the wheel. javascript..

2주 1일차 - css 기초

1. 리뷰 css 공부를 미뤄두고 있다가 오늘 몰아치게 되니 힘들었다. 2. 학습 키워드 background 속성과 background-color 속성의 차이 태그의 rel 속성: 현재 문서와 외부 리소스의 연관관계를 나타내는 필수 속성 css를 적용하는 3가지 방법 태그 선택자 id vs class 하나의 요소에 여러 class 동시에 부여 fallback글꼴 웹폰트 절대단위와 상대단위를 언제 어떤걸 쓰는지 3. 스스로 설명해보기 background 속성과 background-color 속성의 차이 background: 단축속성으로 color 뿐만 아니라 배경의 모든 속성 지정가능 background-color: 배경의 color만 지정 가능 태그의 rel 속성: 현재 문서와 외부 리소스의 연관관계를 ..