Je개발 일지

페어 분께서 한 마디 해주셨다. "예찬님은 문제 사실상 모두 다 푸신 거였는데 오타 때문에 틀리신 거네요." 맞다... 진짜 오타 때문에 말이 아니다. 특히나 오늘은 내가 너무 오타를 자주 낸 단어가 category 를 catetory 로 쓰거나 cateogory 로 쓴 경우가 많았다. 타건할 때 많이 취약한 때가 바로 저 때다. 왼쪽 검지 손가락을 두 칸 이상 건너 뛰어서 작성할 때, 혹은 약지 손가락으로 타건할 때 (대부분 검지와 중지로 해결하지만 약지 손가락을 사용하는 경우가 간혹있다.) 그럴 때마다 에러가 계속 뜬다... 이게 우연의 일치인진 모르겠는데 그저께 주문한 새로운 키보드가 오늘 저녁에 택배로 도착했다. 이전에 내가 쓴 키보드는 팬타그래프 키보드였는데 이번에 산 키보드는 기계식 키보드, ..

[ 연휴의 TODO ] 코드 스테이츠) 코플릿 문제 // 재귀 1 ~ 15 // 자료구조 1 ~ 13 코드 스테이츠) 과제 리팩토링 // beesbeesbees // Tree ui // Stringfy-json // Underbar // Async and Promise // Stateairlines-client & Stateairlines-server // React Custom Component // Cmarket Redux 패스트 캠퍼스) 인강 듣기 [React] // 리액트 맛보기 3 ~ 30 // React 공식문서로 디테일 잡기(초급) 1 ~ 11 // React 공식문서로 디테일 잡기(고급) 1 ~ 19 [Node.js] // ch 04. 모던 자바스크립트 살펴보기 1 ~ 6 // ch 05...

오늘은 생각보다 과제로 할 내용이 별로 없었다. 덕분에, 빨리 끝내고 빨리 개념을 복습할 수 있어서 좋았다. 그리고 다른 스터디 그룹원 분들 페어 프로그래밍 하는 곳에 가서 다른 분들이 작성하는 코딩을 보면서 내가 잘못 알고 있었던 것들을 조금씩 수정해 나갔다. 사실, 과제를 수행하는게 내가 개념이 완벽해서 과제를 통과했다기 보다 오류를 해결하다보니 과제가 통과된 것 같아서 개념에 대해 바로 잡을 기회가 흔치 않았는데, 다른 분들이 작업하시는 것을 보고, 또 다른 분들로부터 질문을 받으면서 개념을 좀더 확고하게 잡는 시간이 됐다. ...과제를 진행하고, 복습만 해서 그런지 지금 딱히 공부할 내용을 적기가 좀 애매하다. 기술 블로깅은 주말에 몰아서 하는데, 이것도 과제만 엄청 하다 보니 개념을 어떻게 적어..

[ 오늘의 TODO ] 코드 스테이츠) 지금까지의 내용 복습 // 1~3주차 내용 // 대표적으로 더 열심히 공부한 건 조건문, 반복문, HTML, CSS, Linux, Git 패스트 캠퍼스) 인강 3개 이상 듣기 // optional 생활) 물 1L 이상 마시기 생활) 수-토-일 운동 [ 오늘의 복습 ] 1. 정말 솔직하게 말하면 복습할 것이.. 별로 없다! 진짜 솔직히 말할게요. 저 HA 공부 진짜 빡세게 공부해서 A부터 Z까지 학습해서 할 게 별로 없어요! 그래도 코드 스테이츠 다음 Section 2를 넘어가기 위해서 좀더 개념을 탄탄하게 잡기 위해 다시 한 번 복습을 강행했다. 복습한 내용들은 여기에 기술 블로깅하기 보다는 이전에 복습한 글들을 업데이트 했다. 오늘 공부는 대부분 패캠 강의로 했다..

[ 오늘의 TODO ] 코드 스테이츠) 월~수 내용 복습 // 고차함수 개념 // React Intro 개념 코드 스테이츠) 어제 한 거 Advanced 완성 // 거의 모든 시간을 쏟아부었으냐 결국 못해냄 패스트 캠퍼스) 인강 3개 이상 듣기 // optional 생활) 물 1L 이상 마시기 생활) 수-토-일 운동 // 운동은 저 Advanced 때문에 생각도 못함 [ 오늘의 복습 ] 1. 고차함수 1-1) 고차함수의 개념 자바 스크립트에서 함수는 일급객체 취급을 받는다. 일급 객체는 다음과 같은 취급을 받게 된다. 1. 변수에 할당 가능 2. 다른 함수의 인자로 전달 가능 3. 다른 함수의 결과로써 리턴 가능 즉, 일급 객체인 함수는 하나의 데이터처럼 다룰 수 있다. 고차함수란 함수를 인자로 받을 수..

오늘은 이번에 패캠 인강에서도 포스팅했던 useState 와 관련된 프로그래밍을 했다. 패캠 인강에 기술 블로깅 할 때는 내가 인강에서 배운 내용들을 이해하고 있었을 때, 이 로직이 왜 필요하고 사용됐는지, 왜 그렇게 쓰였는지를 알고 나서 글을 작성한다. 그러니까 나는 useState에 어느 정도 감이 있었고, 그 개념이 무엇인지를 알고 있다는 것을 의미한다. 그러나... 오늘 실제로 맨땅에 헤딩으로 코딩을 작성하려고 보니까 분명히 아는 개념인데 제대로 작동하지 않아 너무 많이 애를 먹었다. 작동하지 않은 이유는 내가 useState의 문법에 어긋나서 썼다기 보다는 그냥 내 바보같은 실수(name = "username" 인데 name = {username} 이런 식으로 쓰는 어이없는 실수) 때문에 그렇게..

계속 보면 정든다고, React 계속 보니까 정든다. 아니 이제는 정이 드는 것을 넘어서 더 알아가고 싶다. React 왜 이렇게 좋아...? 프론트엔드 개발자들이 React에 그렇게 환호성을 지르던데 그 이유를, 아직 개발의 개자도 잘 모르는 내가 느끼고 있다. 사실, 여태까지 나는 HTML, CSS 만을 갖고 생코딩을 했기 때문에 더 강렬하게 느끼는 것일 수도 있다. 분명, React는 새로운 문법도 익혀야 하고, 여러가지로 굉장히 어려운 과목이기는 하지만, 그럼에도 이건 진짜 배워야 겠다는 생각이, 정복해야겠다는 생각이 하면 할수록 강하게 든다. 혼자서 패캠 강의를 들을 때만 해도 그렇게까지 느끼진 못했는데 내가 직접 만들어보니 정말, 이건 혁신이라는 말밖에 나오지 않는다. 정말 열심히 공부해서 R..

그 대단하신 React를 오늘부터 알현하게 됐다. 망했다. 사실 좀 미리 예습하기 위해서 패캠 강의를 듣고 있었는데, 패캠 강의를 듣고도 이해가 안 돼서 이해해보려고 엄청 쩔쩔 매다가 결국 코드 스테이츠의 React 시간이 오게 되었다. 이렇게 될 줄 알았으면 그냥 바닐라 자바스크립트 복습이나 할 걸. 괜히 React 한다고 패스트 캠퍼스 강의 더 많이 듣지도 못하고, 복습 기술 블로깅도 못하고 있었다. 뭐... 그래도 덕분에 React를 익히는데 다른 분보다는 굉장히 빠르게 익힌 것 같다. 이번에 React는 4일에 걸쳐서 진행되는데 나랑 이번에 맺게된 페어분은 이번이 개발 처음이신지라... 어쩌다 보니 내가 주도적으로 진행하게 됐다. 그래도 페어분께서 어떻게든 방법 찾아내시려고 노력하시는 편이라 다행..

3-2) input 상태 관리하기 이번에 만들어 볼 건 input 창에서 사용자로부터 값을 입력받으면 바로 화면에 입력받은 값이 나오도록 설정하고 초기화 버튼까지 만들겠다. input 도 사용자로부터 입력을 받고 그에 따라 화면에 값이 나오는 동적인 상황이 발생하므로 useState를 사용해줘야 한다. 수도 코드를 작성하면 다음과 같다 1. useState를 통해 input의 기본값과 동적 상태 값을 구조분해 할당으로 가져온다. 2. 동적으로 변화될 값은 input으로 입력받는 내용이어야 한다. 3. 초기화용 버튼을 생성한다. 4. 초기화 버튼을 누르면 변화될 값이 빈 문자열로 바뀐다. 그렇다면 하나씩 작성해보도록 하자. 먼저 1번부터 하면 const [text, setText] = useState(''..

오늘 맺은 페어 분은 수학과 과련된 전공을 하셨고, 파이썬 공부를 이미 하신 분이었다. 오늘은 고차함수를 배우는 날이라서 조금은 힘겨웠을 주제였는데 페어 분의 도움으로 빠르게 끝낼 수 있었다. 고차함수 중에서 배열 메소드인 filter, map, reduce를 굉장히 많이 사용했다. 저번 패캠 인강할 때 이미 공부하고 복습했던 부분이었기에 굉장히 자신 있었지만, 확실히 아는 것과 쓰는 것은 많이 차이난다. 내가 정말로 안다고 하려면 내가 스스로 작성할 수 있어야 한다고 생각한다. 개념을 익힌다면 그것을 좀 많이 활용해보는 시간을 가져야할 것 같다. [ 오늘의 TODO ] 코드 스테이츠) 고차함수 개념 코드 스테이츠) Pair-Programming // 고차함수 코플릿 패스트 캠퍼스) 인강 3개 이상 듣기..