Je개발 일지

[ 오늘의 TODO ] 코드 스테이츠) 월~수 내용 복습 // Twittler Refactorying // 원시 자료형, 참조 자료형 // 스코프 // 클로저 패스트 캠퍼스) 인강 3개 이상 듣기 // optional 생활) 물 1L 이상 마시기 생활) 수-토-일 운동 // 운동 좀 하자... [ 오늘의 복습 ] 1. 원시 자료형, 참조 자료형 1-1) 원시 자료형 원시 자료형이란 객체도 아니며, Method도 없는 타입을 의미한다. 가장 대표적인 예로 String, Number, Boolean, undefined, null 등이 있고 그외 Symbol, bright 등이 있다. 원시 자료형의 가장 큰 특징은 하나의 데이터, 값 자체만을 담는다는 것이다. let string = "Hello World!"..

오늘은 spread, rest, 구조 분해 할당을 배운 뒤 어제 오늘 배웠던 것들을 koans 라는 것으로 문제를 페어와 함께 풀면서 정리하는 시간을 가졌다. 그런데 단순하게 문제를 푸는 것이 아니다. 풀어야 하는 문제들의 답을 미리 볼 수 있도록 했다. 답을 볼 수 있다? 이건 답을 생각해내는 그 과정이 매우 어렵다는 것을 의미한다. 나랑 페어 분은 최대한 답을 보지 않고 풀기 위해 노력했는데, 그럼에도 답을 보지 않고서는 풀기가 매우 어려운 것들이 있어서 답을 몇 번 참조했다. 심지어는 지금까지 배우지 않은 개념들을 사용해서 구글링을 엄청 하고 또 계속 찾아봐야만 했다. 어쨌든 결국에는 모든 답을 찾아내고, 스프린트 리뷰를 통해서 그 답들을 도출해내는 과정까지 익혔다. 이제 복습을 해야 내 것이 된다..

오늘은 CSS를 갖고 페이지를 직접 수정해보는 시간을 가졌다. 중점적으로는 flex 를 활용해봤다. 이전에 패스트 캠퍼스 '네카라쿠배 2기'를 지원했을 때(1차 합격하고 2차 때 떨어졌다. 망할 파이썬) CSS 파트는 거의 암기하듯이 달달 외운 적이 있기에 비교적 나에게 flex라는 개념은 다른 분들에 비해서 쉽게 다가왔던 것 같다. 그렇다고 그것을 높은 수준에서 다룬 것은 아니었다. 내가 오늘 주목하고 싶은 곳은 이점이다. 역시 개념과 실전은 다르다. 그렇다고 개념을 내팽겨치고 무조건 실전에만 몰두하라는 건 아니다. 내가 다른 분들보다 flex에 대한 개념을 더 쉽게 받아들였기 때문에 어떤 문제에 부딪힐 때 더 빨리 flex를 활용해야겠다는 생각을 한다는 점에선 좋았다. 다만, 내가 활용한 방식과 다른..

오늘 내가 배운 것은 Git을 통해 코드를 버전 관리하고, Git의 명령어들을 익혀서 다른 사람들과 협업을 할 때에 어떻게 오픈 소스에 Contribute할 수 있는가에 대해서 배웠다. 어제도 얘기했지만 오늘까지 매칭 된 페어분께서 CLI 장인이셔서 그런가 코드 스테이츠에서 제공해주는 개념 외에도 " --help "와 구글링을 통해 우리가 스스로 독학으로 내용을 더 찾아서 공부했다. Git은 내가 예전에 패캠으로 인강을 들었을 때도 쓴 적이 있다. 깃허브를 통해서 패캠 인강을 듣고 만든 것들을 업로드한 내용이다. 그런데 그때는 그냥 그렇게 쓰라고 하니까 썼지 이게 어떤 원리로 올라가는 건지 몰랐다. 인강에서도 git에 대한 강의가 있었지만 귀에 잘 들어오지 않았다. 그러나 오늘 코드 스테이츠의 기본의 기..

오늘 배운 것을 크게 보자면 CLI를 다루는 법이었다. Linux 체제에 대한 기본적인 지식과 명령어들을 익히고, 실제 코드를 작성할 때 CLI를 통해서 해야하는 것들(node.js와 npm을 다룰 때 )을 위한 기초 다지기의 과정이었다. 개발을 인강으로 독학하고 있을 때 가장 힘들었던 부분 중의 하나는 터미널을 다루는 것이었다. 그 이유는 1. 터미널이 어떻게 명령을 받고 동작하는지를 모른다. 2. 구글링으로 찾아서 복붙할 뿐 내가 지금 무엇을 쓰고 있는지를 모른다. 3. 이상한 거 입력했다가 노트북에 문제 생길까봐 꺼려진다 (마치 제어판에서 이상한 거 지운다고 지웠는데 하필 중요한 거였어서 운영체제 다운되는 것과 비슷한 느낌. 이거 경험담) 그렇다보니 아무래도 터미널의 검은 화면은 좀 무섭기만 하다...

오늘은 처음으로 페어 분과 함께 미니 프로젝트로 계산기를 만들었다. 코드 스테이츠에서 완성된 HTML과 CSS를 제공해주고 JS는 어느 정도의 가이드 라인만 남겨준 상태에서 수강생들이 자신의 페어와 함께 프로젝트를 성공시키는 과제였다. 이 프로젝트에는 세 가지 단계가 있었다. 1. Bare level 2. Advanced level 3. Nightmare level Bare level은 우리가 지금까지 들은 수업만으로도 충분히 해결할 수 있는 정도의 수준이다. Advanced는 체감상 완전히 노베이스에서 코드 스테이츠 수업을 들은 사람이라면 힘들 것 같지만 그래도 지금까지 들은 수업의 내용들을 응용해낸다면 풀 수 있는 문제였던 것 같다. 대부분의 동기들이 Advanced는 다 해낸 것 같았다. (우리 동..

오늘은 CSS에 대한 기초적인 학습과 pair programming을 통해서 함께 계산기를 만들어내는 작업을 진행했다. 이번에 내 페어분께서는 비전공자시지만 공과대학 출신이셨고, 대학교에서 교양 정도의 지식을 습득하신 분이셨다. 같이 협업하면서 느끼기에 HTML의 태그 종류나 CSS 속성 종류에 대한 암기는 오늘 배운 것만 익히셨으나 컴퓨팅적 사고에 있어서는 굉장한 능력을 지닌 분 같았다. 그래도 컴공이 속하는 공과 대학 출신이셔서 그런지 자바 스크립트를 다루시는 능력과 오류가 났을 때의 해결 능력이 매우 뛰어나셨다. 그런 분과 페어 프로그래밍을 하면서 느낀 점과 내가 다른 사람과 협업할 때 부족해지는 점을 돌아보는 시간을 갖게 되었다. [ 오늘의 TODO ] 코드 스테이츠) CSS 기초 강의 듣기 코..

코드 스테이츠 1일차부터 크루 분들이 강조했던 말이 있다. "건강 챙겨야 합니다.", "프로젝트 하다가 링겔 맞았습니다. 건강 관리 정말 중요해요." 등등. 건강에 대해 엄청 강조했다. 아직 1주차밖에 되지 않았지만, 건강 관리의 중요성을 제대로 느끼고 있다. [ 오늘의 TODO ] 패스트 캠퍼스 인강 CSS 복습하기 아고라 스테이츠 동기들 질문 확인하고 답해주기 2-1) 질문 확인 2-2) 답글 달기 (내가 답글 달기 전에 벌써 답글이 달려 있더라) [ 오늘의 오류해결] 오늘 인강으로 Promise를 듣게 됐는데 인강을 따라가지 못해 몇 가지를 검색하게 됐다. 1. then( ) then이 뭔지는 알겠다. Promise가 실행된 다음에 동작하는 것까지는 이해를 했는데 강사님이 then( ) 여기에서 괄..

2. 배열 메소드 2-6) .fiter( 특정 조건 ) fiter는 특정 조건을 만족하는 요소들을 찾아 그것들로 새로운 배열을 만들 때 사용한다. 정리를 해보자면 1. findIndex: 특정 조건을 만족하는 요소를 찾아서 그 인덱스 값을 알아내는 것 2. find: 특정 조건을 만족하는 요소를 찾아서 그 요소를 출력하는 것 3. filter: 특정 조건을 만족하는 요소를 찾아서 그 요소로 배열을 만들어 내는 것 저번 시간에 사용했던 객체 세개를 요소로 갖는 배열을 가져오겠다. const ninetyNinesInfo = [ { name: "이익준", session: 'Electronic Guitar', hasGirlfriend: false }, { name: "안정원", session: 'Drum', h..

오늘은 따로 코드 스테이츠에서 내준 과제는 없었기에 코드 스테이츠와 관련한 공부는 전체적으로 코플릿들을 다시 한 번 풀어보고, 코드 스테이츠가 제안하는 답안과 비교하는 시간을 가져봤다. 그런데 어제도 복습을 좀 했기 때문에 복습에 할애하는 시간은 좀 줄였고 대신, 다음주부터 진행되는 HTML, CSS를 이용한 프로젝트를 수행하기 위해 전에 패캠 인강으로 들었던 HTML, CSS 강의 노트를 복습하는 시간을 가졌다. [ 오늘의 TODO ] 이번 한 주 동안에 푼 코플릿 다시 풀기 1-1 변수와 자료형 1-2 조건문 1-3 문자열 1-4 반복문 HTML, CSS 강의 노트 복습하기 패스트 캠퍼스 인터넷 강의 듣기 (어떻게 보면 코드 스테이츠 경쟁업체라 코드 스테이츠 카테고리에 쓰기 민망하다) (근데 이건 내..