Je개발 일지

오늘은 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) 클래스 이름 짓기 만약 클래스 이름을 짓고 ..

오늘의 메인 이벤트는 객체 코플릿 문제들을 페어분과 함께 푸는 것이었다. 처음 문제들은 그냥 수월하게 풀다가 마지막 두 문제에서 멘탈이 터질 정도로 어려워져서 고생이 심했다. 맨 마지막 문제는 1시간 이상의 시간을 썼던 것 같다. 이전까지의 문제들은 객체가 이미 주어진 상황에서 내가 그 객체를 어떻게 다루느냐의 문제였다면, 이 문제는 내가 주어진 객체를 다루는 것과 동시에 내가 어떻게 객체를 생성해서 활용할 것인지에 대한 문제였다. 나는 객체를 따로 생성하지 않고 변수를 여러개 생성해서 문제를 풀기는 풀었다. 하지만 레퍼런스 코드를 보니 확실히 내가 작성한 코드보다 훨씬 간결하고 깔끔했다. 객체를 배웠으나 내가 직접 객체를 만들어 활용할 생각을 하지 못했다는 점이 아쉬웠다. 객체 문제만 풀다가 다 풀고나..

[ 오늘의 TODO ] 코드 스테이츠) 목 ~ 금 내용 복습 // Git 명령어 개념 정리 // 배열 코플릿 다시 풀어보기 패스트 캠퍼스) 인강 3개 이상 듣기 // optional 생활) 물 1L 이상 마시기 생활) 수-토-일 운동 [ 오늘의 복습 ] 1. Git 이름 내용 Git 버전 관리 시스템. 소스 코드 기록을 관리하고 추적함 Git Repository Git으로 관리되는 폴더 > Remote Repository 공유되는 환경 (대표적으로 Github) > Local Repository 개인 작업 환경 > > Staging area git의 관리 하에 들어간 파일의 상태 Github Git repository를 관리하는 클라우드 기반 서비스 Git으로 버전 관리하는 폴더들을 공유하는 공간 Sna..

[ 오늘의 TODO ] 코드 스테이츠) 월~수 내용 복습 // 계산기 Refactorying // CLI, Node.js 기본 명령어 패스트 캠퍼스) 인강 3개 이상 듣기 // optional 생활) 물 1L 이상 마시기 // 물 마시는 거 신경 안 쓰니까 500ml 도 안 마시더라 생활) 수-토-일 운동 // 오늘은 운동 말고 JeFresh 했다 [ 오늘의 복습 ] 1. Calculator Sprint Refactorying 복습 시작은 계산기 Sprint 과제를 리팩토링하는 것에서 시작했다. Calculator Sprint는 총 세 단계로 돼있다. Bare => Advanced => Nightmare 이며 페어분과 함께 3단계까지 모두 코딩을 작성했다. 각 단계는 기능을 몇 개씩 추가하는 방식이라 단..

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

2-14) .concat( ) concat은 여러 배열을 하나로 합쳐준다. 원본에는 지장이 없다. concat의 인자로는 합쳐줄 배열이 들어간다. let myFavoriteDrama = ['슬기로운 의사생활', '나의 아저씨', '멜로가 체질'] let herFavoriteDrama = ['비밀의 숲', '멜로가 체질', '동백꽃 필무렵'] console.log(myFavoriteDrama.concat(herFavoriteDrama)) // ["슬기로운 의사생활", "나의 아저씨", "멜로가 체질", "비밀의 숲", "멜로가 체질", "동백꽃 필무렵"] // 중복된 요소라 해도 추가해서 포함된다. console.log(myFavoriteDrama) // ['슬기로운 의사생활', '나의 아저씨', '멜로가..

오늘 내가 배운 것은 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는 다 해낸 것 같았다. (우리 동..