분류 전체보기 320

[패캠 인강] 단축 평가 논리 계산법(Truthy, Falsy)

1. Truthy, Falsy 자바 스크립트에서 논리 연산자에 true와 false 만 들어가야 하는 것은 아니다. true와 false는 아니지만 true처럼 취급 받는 truthy와 false처럼 취급 받는 falsy라는 값이 존재한다. truthy 는 굉장히 많기 때문에 falsy한 값만 알면 falsy 이외에는 모두 truthy라고 생각하면 된다. 대표적인 falsy는 다음과 같다 1. false (false도 넓은 범위에서 falsy) 2. 0 3. '' (빈 문자열) 4. undefined 5. null 6. NaN 한 가지 주의점이 있는데, 빈 객체 { } 나 빈 배열 [ ] 은 falsy 값이 아니다. 간혹, falsy 값을 좀더 정밀하게 false 처럼 사용하고 싶은 분들은 falsy한 ..

[코드 스테이츠] 41일차, "6주차 복습 (1) - 객체지향, 프로토타입, 재귀함수"

[ 오늘의 TODO ] 코드 스테이츠) 월~수 내용 복습 // 객체지향 // 재귀함수 패스트 캠퍼스) 인강 3개 이상 듣기 // optional // 요즘 복습해야할 게 너무 많아서 안 돼 스터디 그룹) 프로그래머스 문제 풀기 (~월) // 하노이의 탑 // 기능 구현 생활) 물 1L 이상 마시기 생활) 수-토-일 운동 [ 오늘의 복습 ] 1. 객체 지향 1) Class, Instance 클래스는 자동차 설계도, 인스턴스는 자동차 설계도로 만든 자동차라고 생각하면 좋을 것 같다. 자동차 설계도인 클래스를 만들 때는 일반적으로 함수 정의하듯이 만들 수 있다. 이때 키워드는 일반 함수 정의하듯이 function으로 적어줄 수 있으나, ES6 문법 이래 class 라는 키워드로 클래스를 생성할 수 있게 되었다..

[코드 스테이츠] 40일차, 이제 시작일 뿐

Section 2, 1주차가 지나갔다. 무사히 지나갔다라는 표현을 쓰려다 말았다. 너무 험난한 시간이었다. 개발은 역시 이론과 실전이 다른 법이다. 개념은 이해했는데 실제 코딩 구현은 굉장히 힘들었다. 오늘은 Graph로 DFS, BFS 를 코드로 구현하는 코플릿 문제가 있었는데 푸는 방법이 모든 케이스에 적용되는 로직이 아니라, 그 테스트만 통과할 수 있는 로직으로 풀어내서 찝찝함이 남아있다. 아직은 내가 다가서지 못하는 단계인 것 같다. 나뿐만이 아니라 다른 분도 그랬다. 진짜 코딩 잘하는 동기분들도 어려워하시니 위로가 되긴 했지만... 그럼에도 충격에서는 벗어나지 못하고 있다. Section 2 에서 갑자기 난이도가 팍 뛰어 오른 것을 체감했고 이제 Section 3도 있고, 거기까지 가지 않더라도..

[패캠 인강] React 기초 (5)

저번 시간에 이어서 남은 과제를 수행하겠다. 1), 4), 6)은 했고 이제 input창 관리인 2), 3), 5) 남았다 왼쪽 스크린샷은 최초 렌더링됐을 때의 화면이다. 1) 저 인물 리스트들을 객체를 요소로 하는 배열로 받은 후, 하드 코딩이 아니라 이 배열을 이용해서 여러 리스트가 나오도록 출력할 것이다 2) input 창도 두 개로 관리할 예정이다. 3) 왼쪽에 있는 스크린샷처럼 input에서 이름과 전공을 사용자로부터 입력을 받은 후 등록 버튼을 누르면 상단의 리스트에 이름과 전공이 추가되는 화면을 넣을 것이다. (현재 화면에선 '추민하'가 추가됨) 4) 인물 부분은 태그로 감싸서 Bold 처리를 하고, 전공은 소괄호로 묶어서 표현한다. 5) input 창은 보이는 것처럼 placeholder ..

패캠 인강/React 2021.08.27

[코드 스테이츠] 39일차, 자료 구조 배우고 스터디 그룹 정식 활동 시작

아침에 Toy 문제 생각보다 간단하게 풀려서 기분이 좋았는데, 배운 개념 코플릿 문제가 무지막지하게 어려웠다. 자료 구조에 대한 기본적인 개념을 모두 배웠으나 그걸 자바 스크립트를 통해 구현하려고 하니 너무 막혔다. 한 문제에 열과 성을 다했으나 문제를 풀지 못해서 시간이 녹았다. 이렇게 시간이 녹은 적도 오랜만이다. 막혔던 코플릿 문제는 트리도 아니고 Queue 를 구현하는 거였는데(Print 문제) 맘 놓고 있다가 뒤통수 아주 세게 얻어맞은 기분이었다. FIFO 가 이렇게나 어려운 거였다니... 동기 커뮤니티를 보니 우리만 그런 게 아니라 모두가 여기에 시간이 묶인 것 같았다. 이미 마음의 준비는 하고 있었지만 막상 이렇게 맞닥뜨리고 나니 트라우마 다시 올라올 것 같다. 하지만, 그래도 그 어려운 문..

[코드 스테이츠] 38일차, "나는 할 수 있다. 정말 할 수 있다"

오늘 하루가 감동인 건, 넘치는 격려와 내 노력을 인정 받아서다. Section 2 에 오르면서 Class 문법, 재귀 함수, Toy 문제들을 마주하며 걱정이 많았었다. 다른 사람보다 더 걱정했다. 그도 그럴게, 나는 이미 한 번 데인 적이 있었다. 패스트 캠퍼스 네카라쿠배 과정을 준비하면서 2차 시험에 파이썬으로 위에 해당하는 문제들을 풀어야 했다. 2주 동안 매일 시험을 보고, 공부하라고 강의를 줬지만 강의에는 나오지 않은 개념과 그 강의만 듣고 풀 수 있는 수준의 문제들이 나왔다. 그 짧은 기간 동안에 접해본 적 없는 파이썬이라는 언어로 Class 문법, 재귀 함수, 알고리즘 문제들을 풀었다. 너무 힘들었다. 비록 언어는 파이썬에서 자바 스크립트로 달라졌지만, 그럼에도 Section 2 에 대한 걱..

[코드 스테이츠] 37일차, "나는 나면서 나였을 때 나로 말할 것 같으면"

제목을 저렇게 지은 이유는 오늘 수업 내용이 재귀였기 때문이다. 재귀 함수를 배우는데 진짜 머리가 빙빙 돌았던 것 같다. 개념 파악은 쉬운데, 디버깅(?)이 제대로 되지 못해 힘들었다. 오늘은 코플릿 문제들만 풀었고 내일은 과제 두 개를 풀어야 한다. 재귀 함수를 총 이틀에 걸쳐 공부하는 건 조금이라도 더 개념을 익힐 수 있는 상황이기에 쌍수 들고 환영할 일이지만, 과제를 제대로 해결하기 위해서 미리 개념을 더 튼튼하게 잡아둬야할 것 같다. 오늘은 간만에 이른 시간에 블로그를 작성하는데, 작성하고 복습할 예정이다. 이번주 주말에 복습한 거 기술 블로깅할 게 많을 것 같다. 또, 오늘부터 토이 알고리즘 문제와 프로그래머스 문제 풀기를 시작했다. 지금 프로그래머스를 푸는 계획은 월~수 중으로 한 문제를 풀고..

[코드 스테이츠] 36일차, Section 2 탑승 후 바로 뱃멀미

오늘 페어 프로그래밍은 매우 쉬웠다. 우리가 배운 것에 비하면. 배운 내용은 클래스와 인스턴스, 프로토타입이다. 다른 프로그래밍 언어라면 그냥 클래스와 인스턴스만 있는데 자바 스크립트는 프로토타입 기반 언어이기에, 그 프로토타입을 통해서 억지로 클래스와 인스턴스 비슷한 것을 만들어낸 것이라고 한다. 사용해보니 내용은 이해가 됐다. 그러나 이게 어떻게 사용되는지는 아직 확신이 안 선다. 복습을 좀더 해봐야겠지만, 지금으로써는 클래스 문법의 특징은 무엇이며, 이 클래스와 인스턴스, 프로토타입의 차이가 각각 무엇인지 그 개념을 이해한 것으로 만족을 하고 활용 방법은 더 알아봐야할 것 같다. 그리고 오늘 간단하게 이제부터 매일 풀어 볼 toy problem 문제를 맛보기로 보았다. 어.. 이걸 어떤 비유로 들면..

[패캠 인강] React 기초 (4)

오늘 할 것을 설명하자면 옆의 사진들과 같다. CSS 는 편의상 margin 값만 추가했다. 왼쪽 스크린샷은 최초 렌더링됐을 때의 화면이다. 1) 저 인물 리스트들을 객체를 요소로 하는 배열로 받은 후, 하드 코딩이 아니라 이 배열을 이용해서 여러 리스트가 나오도록 출력할 것이다 2) input 창도 두 개로 관리할 예정이다. 3) 왼쪽에 있는 스크린샷처럼 input에서 이름과 전공을 사용자로부터 입력을 받은 후 등록 버튼을 누르면 상단의 리스트에 이름과 전공이 추가되는 화면을 넣을 것이다. (현재 화면에선 '추민하'가 추가됨) 4) 인물 부분은 태그로 감싸서 Bold 처리를 하고, 전공은 소괄호로 묶어서 표현한다. 5) input 창은 보이는 것처럼 placeholder 처리를 해줄 것이다. 6) 마지..

패캠 인강/React 2021.08.23

[코드 스테이츠] 35일차, "5주차 복습 (2)"

[ 오늘의 TODO ] 코드 스테이츠) 4~5주차 내용 복습 // DOM // 고차함수 // React 패스트 캠퍼스) 인강 3개 이상 듣기 // optional 생활) 물 1L 이상 마시기 생활) 수-토-일 운동 [ 오늘의 복습 ] 1. 오늘도 어제와 별반 다를 게 없다 일단 복습을 했는데 좀 빠른 시간 내에 했고, 대신에 React는 패캠 강의와 겹치는 부분이 좀 있어서 React로 새로운 프로젝트를 하나 만들었다. 프로젝트 만든 것은 여기가 아닌 패캠 인강 React 기술 블로깅으로 올릴 예정이다. 내일부터 Section 2 가 시작되는데 조금 긴장된다. 잠깐 코스 내용을 봤는데 다음주에 배우는 게 모듈화, 재귀함수, 자료구조 등을 배운다. 진짜 좀 무섭긴 하다. 하지만 어떻게든 공부 시간을 투자해..