Je개발 일지

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에 대한 강의가 있었지만 귀에 잘 들어오지 않았다. 그러나 오늘 코드 스테이츠의 기본의 기..

오늘 배운 것을 크게 보자면 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 강의 노트 복습하기 패스트 캠퍼스 인터넷 강의 듣기 (어떻게 보면 코드 스테이츠 경쟁업체라 코드 스테이츠 카테고리에 쓰기 민망하다) (근데 이건 내..