코딩봇의 학습로그

console.log( codingBot.learned( ) )

개발학습/코드스테이츠 SE Bootcamp

오늘은 오전에 자바스크립트의 Spread/Rest 문법을 학습하고 JS Koans 라는 스프린트에 들어갔다. Koans가 뭔지 몰라서 인터넷에 미리 뒤져보고 했었는데 관련해서 재매있는 내용들은 아래에 달아두었다. Spread 문법 주로 배열을 풀어서 인자로 전달. 배열을 풀어서 각각의 요소로 넣을 때 사용된다. function sum(x, y, z) { return x + y + z; } const numbers = [1, 2, 3]; sum(...numbers) // 6 spread 문법은 기존 배열을 변경하지 않는다. immutable 따라서 기존 변수의 값을 바꾸려면 새롭게 할당해야 함 Rest 문법 매개변수를 배열의 형태로 받아서 사용 가능 파라미터 갯수가 가변적일 때 유용 (계속 변동될 가능성이..

2021. 8. 5.

개발학습/코드스테이츠 SE Bootcamp

부트캠프 13일차에는 주어진 문제를 코딩하는 코플릿이나, 별도의 스프린트 없이 JS의 주요 개념인 원시/참조 자료형, 스코프, 클로저만 하루종일 학습하는 것으로 스케줄이 짜여있었다. 물론 학습한 것을 점검하는 문제가 있긴 했지만 코딩을 하거나 하는 것은 아니고 코드를 보고 4지선답형의 문제같은 것을 풀었다. 지난 2주 동안 HTML이나 CSS 등 기존에는 몰랐던 git 같은 부분도 학습을 다수 해왔는데 오늘은 자바스크립트와 관련된 심화 내용을 학습하였는데 개념적인 부분이 이렇게 어렵게 느껴지긴 처음이었다. 오늘 강의 이전에도 인터넷으로 클로저라는 용어는 자바스크립트와 관련하면 심심치 않게 등장해왔으므로 이에 대해서 스스로 알아보고자 시도한 적이 있긴 하였다. 하지만, 혼자서 영상을 찾아보고 글을 읽어도 ..

2021. 8. 5.

개발학습/코드스테이츠 SE Bootcamp

오늘은 CSS 중급으로 들어섰다. 처음 CSS를 시작할 때만 해도 문법도 어렵지 않게 쉽게 할 수 있겠다고 생각했다. 그 때의 나는 바보다... 이 짤의 의미를 이제서야 이해해버렸다. CSS는 아주 극악무도하다. 셀렉터 셀렉터란 CSS에서 HTML의 태그, id, class 등을 스타일링 하기 위해서 그에 해당되는 태그, id, class 등의 값을 지정하는 것을 일컫는다. 셀렉터는 다양한 종유가 있는데 그 부분은 아래에 정리해뒀다. 그 중에서도 개념적으로 이해가 필요한 것이 후손 셀렉터와 자식 셀렉터가 있다. 후손 셀렉터는 특정 요소의 자신, 손자 그리고 그 이후의 후손을 모두 포함한다. 자식 셀렉터는 특정 요소의 직계 자식만 포함되며 그 이후의 후손들은 포함되지 않는다. 셀렉터 정리 셀렉터 직접적으로..

2021. 8. 3.

개발학습/코드스테이츠 SE Bootcamp

오늘 정규 시간은 거의 다 페어와 함께 코플릿 문제를 푸는 시간이었다. 문제 푸는 시간만 6시간이 주어져서 문제를 푸는 주제는 객체 문제였다. 그래서 문제를 푸는 과정에서 추가적으로 알게된 내용들에 관해서 아래와 같이 정리해보고자 한다. ### **반복문 (`for ... of`, `for ... in`)** 기존에 학습한 반복문 for, while에서 for 중에서도 특별히 객체와 배열에서 for을 활용한 2가지 방법이 있었다. 현재까지 이 둘의 차이와 관련해서 코드스테이츠에서 알려준 내용 기준으로는 for ...of는 배열 및 문자열에 사용하고 for ...in은 객체에서 사용된다는 것이다. 우선은 이 둘의 차이와 관련해 이 정도까지만 인지하는 것을 권장하였다. 하지만 조금 궁금해져서 관련된 내용을 ..

2021. 8. 2.

개발학습/코드스테이츠 SE Bootcamp

2주차가 종료되었는데 이번 주의 가장 큰 수확은 애플의 기본 터미널 대신 iTerm2를 설치하고 iTerm2의 커스텀이 내가 원하는대로 되었다는 점이다. 이제 경로 상에서 깃 관리하 디렉토리에 들어와 있는건지 아닌지도 확인 가능하고 프롬프트를 작성했던 시간도 뜬다. 그리고 자동완성 플러그인도 반영하니까 이보다 좋을 수가 없다 ^^ 그나저나 오늘은 자바스크립트의 배열에 대해서 봤는데 일전 파이썬에서 배웠던 리스트와 거의 같은 개념으로 자바스크립트에선 쓰이는 듯하다. 찾아보니 일반적으로 쓰이는 것이 배열(Array)의 개념이고 파이썬은 배열을 제공하지 않으나 유사한 것으로 리스트(list)와 튜플(tuple)을 제공한다고 한다. (기본 모듈로 array를 쓸 수도 있다 한다) 그런데 아직 이 부분들에 대해서..

2021. 7. 30.

개발학습/코드스테이츠 SE Bootcamp

오늘은 어제 학습한 CLI를 바탕으로 Git을 활용하였다. 관련한 Achivement Goal 양이 다소 있었는데 한번씩 CLI를 두들겨보면서 학습을 하니까 어렵지 않게 적응이 가능했다. 1. 버전 관리 시스템 - Achievement Goals 1) Git의 환경설정을 할 수 있다. 2) 버전 관리 시스템의 필요성을 이해할 수 있다. 3) Github과 Git의 관계에 대해 이해할 수 있다. 4) Repository에 대해 이해할 수 있다. Git으로 관리되는 폴더를 Git repository라고 함 4-1) Local Repository와 Remote Repository의 차이를 이해할 수 있다. Local Repository : 내 컴퓨터의 저장소 내 개인 전용 저장소 Remote Repositor..

2021. 7. 29.

개발학습/코드스테이츠 SE Bootcamp

8일차에는 내가 이전에 코딩 공부를 하면서 전혀 경험해보지도 못했던 CLI를 학습했다. 오늘 생각보다 한번에 많을 양을 공부하면서 더불어서 인터넷을 뒤적거리면서 배운 내용이 많은데 아래 TIL에 모두 기록하기 어려울 듯 하다. 그래도 일단은 최대한 배웠던 내용을 기록하고자 한다. CLI 기본 명령어 - Achivement Goals 1. 리눅스 터미널을 실행할 수 있다. 2. CLI를 이용한 작업과 GUI를 이용한 작업이 동일함을 이해할 수 있다. 두 가지의 차이는 인터페이스 형태 및 작동 방식의 차이이다. 1) GUI의 변경사항을 CLI로 확인할 수 있다. 2) CLI의 변경사항을 GUI로 확인할 수 있다. 3. 리눅스 터미널에서 기본적인 명령어를 사용할 수 있다. pwd: 현재 위치를 확인하는 명령어..

2021. 7. 28.

개발학습/코드스테이츠 SE Bootcamp

7일차인 오늘은 어제 6일차에 이어서 계산기에 대한 코드를 완성하는 sprint가 진행되었다. 계산기 과제는 bare-minimum, advanced, nightmare 단계로 오른쪽으로 갈수록 그 난이도가 올라간다. 그리고 여기서 제시되는 과제는 bare-minimum 까지만 코드를 완성하고 제출해도 다음 단계로 넘어가는 최소 기준이 완료된다. 나는 어제 bare-minimum을 완료해서 오늘은 nightmare 단계까지 시도하여 결국 nightmare를 완료하고 제출까지 마쳤다. 오늘은 계산기 code작성 외에 추가적으로 학습이 이루어진 것이 없기에 오늘 코드 작성을 하면서 마주친 문제점들과 문제 해결 방식에 대해서 아래 적었다. JavaScript 계산기 기능 구현 계산기의 형태 변경 처음 bare..

2021. 7. 27.