Je개발 일지

코드 스테이츠를 진행할수록 공부하는 시간이 쭉쭉 늘어나고 있다. 이 블로그 쓰는 시간도 늦어지고 있는게 보인다. 블로그를 평일에는 개념 정리하기 위해 사용하고 있지 않고 당일에만 써야하기 때문에 그냥 블로그부터 쓰고 개인 공부를 할까 고민중이다. 그 정도로 내가 따로 학습하는 시간이 너무 늘어났다. 지금 패스트 캠퍼스 강의를 듣지 못하는 것도 그런 이유 중 하나다. 뭐.. 이 경우에는 아직 내가 완벽하게 이해하고 있지 못해서(그 놈의 React) 복습을 알 때까지 철저하게 한 후에 다음 이어지는 강의를 들으려고 잠시 강의를 듣지 않는 것이기도 하지만, 예전처럼 패캠 강의 복습 시간을 길게 잡을 수 없는 결정적인 이유는 코드 스테이츠 관련 공부 양이 굉장히 늘어났기 때문이다. 지금 새로운 것들을 배우기 시..

[ 오늘의 TODO ] 코드 스테이츠) 목~금 내용 복습 // spread, rest, 구조 분해 할당 // DOM 패스트 캠퍼스) 인강 3개 이상 듣기 // optional 생활) 물 1L 이상 마시기 생활) 수-토-일 운동 [ 오늘의 복습 ] 1. Spread, Rest, 구조 분해 할당 1-1) Spread 주로 배열을 풀어 인자로 전달하거나, 각각의 요소로 넣기 위해 사용된다. 배열, 객체, 함수 인자 등에서 사용된다. function makeString(x, y, z) { return x + y + z } const strings = ["Hello", " ", "Codestates"] console.log( makeString(...strings)) // Hello Codestates 미리 혼선..

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

2-2) Children props 안에는 children이 들어갈 수 있다. children은 그 이름에서 유추할 수 있듯이 자식, 후손 요소들을 의미한다. 어떻게 사용되는지 다음 내용을 살펴보자. 먼저 App.js 를 다음과 같이 작성하면 나타나는 화면은 오른쪽 아래와 같다. 이번에 내가 해주고 싶은 일은 지금 나와있는 모든 요소들이 밋밋해서 전체적으로 통일성 있게 효과를 주고 싶다면 어떻게 해야할까? 하나하나 다 뜯어가며 고치기 보다는 이 모든 것을 한 번에 묶어서 효과를 주면 좋을 것 같다. Wrapper라는 새로운 js 파일을 만든 후 props 로 { children } 을 가져온다. 그러면 그 안의 모든 요소들을 가져오는 것과 같은 효과를 지니며 안의 내용들을 재사용한다. 물론 위의 결과물은..

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

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

1. 기본적인 법칙 1-1) 태그는 항상 닫혀 있어야 한다. 로 닫는 태그가 존재하거나 혹은 과 같이 Self closing이 돼야 한다. 1-2) 두개 이상의 태그는 반드시 하나의 태그로 감싸져 있어야 한다. 감싸고 있는 것은 굳이 이름있는 태그가 아니어도 된다. 과 같은 fragment로 감싸줘도 된다. 1-3) React 안에서 자바 스크립트 사용 방법 먼저, Java Script의 내용을 변수로 할당해준다. const Variable = "Value"; 이렇게 그냥 변수로 사요하면 된다. 그리고 저 변수 그리고 만약 div 내에서 저 자바 스크립트의 내용을 보여준다고 한다면 다음과 같이 변수를 { } 안에 감싸줘서 표현한다. {Variable} 1-4) 클래스 이름 짓기 만약 클래스 이름을 짓고 ..

어느덧 코드 스테이츠 2주차를 맞이했다. 이야. 아직 2주차밖에 안 되기는 했는데, 한 주는 금방 가는 느낌이다. 옛날에 수험생일 때 이런 기분을 느꼈던 것 같다. 한 주는 짧은데 한 달은 굉장히 긴 경험. 그런데 나중에 수료하고 되돌아보면 시간이 엄청 빨리 지났네 라는 생각이 들 것 같다. 물론 수료까지는 엄청 많이 남았지만. 여튼, 오늘 배운 내용은 배열과 객체였는데 정말 기초적인 것만 학습을 하고 코플릿 문제를 푸는 것도 거의 배열에는 어떤 메소드가 있고 메소드를 활용하는 방법들을 안내하는 느낌이라서 오류가 날 것도 없었고, 구글링할 것도 없었다. 그러다 보니 오늘 수업 과정 중에서 가장 인상 깊었던 과정이라고 한다면 Course Reflection일 것이다. 지금까지 우리가 해온 것들을 돌이켜 보..

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