RAILEND
코드숨_React _2주차_주간회고
Facts (사실, 객관) 코드숨 2주차 강의 듣기 과제 1: 간단한 카운터앱 만들고 파일 분리하기 과제 2: 투두리스트 만들기 회고 작성을 위한 블로그 개설 Feelings (느낌, 주관) 이제 본격적으로 리액트에 대해 배우기 시작했습니다. 그 기반이 되는 JSX 문법에 대해 미리 배우고 나니 리액트에 조금이라도 더 쉽게 다가갈 수 있었습니다. JSX 문법으로만 구현하는 것과의 차이에서 비롯되는 리액트의 훌륭함(?)도 느낄 수 있었습니다. 투두리스트를 자바스크립트로 구현한 적이 있었는데, 리액트의 상태 관리와 컴포넌트 분리로 얼마나 깔끔하고 명확한 코드를 작성할 수 있는지 직접 체감할 수 있었습니다. 과제는 지난 주보다 할만했지만 여전히 고칠 부분은 너무나도 많았습니다. 코드리뷰에서는 제가 전혀 생각하..
2021-08-20 TIL
Facts (사실, 객관) 코드숨 리액트 과제 리팩토링 자바스크립트 코딩의 기술 읽기 Feelings (느낌, 주관) 코드숨 과제를 진행하면서 코드리뷰의 소중함을 느끼고 있습니다. 코드리뷰와 리팩토링의 반복은 내 코드가 얼마나 끔찍했었는지 알게 해줍니다. 트레이너님이 코드 리뷰를 통해 주시는 팁들이 새로운 학습의 기회를 열어주기도 합니다. '이런 방식으로 코드를 작성할 수 있구나' 혹은 '이런 개념을 고려해서 코드를 작성해야 하는 구나'라는 식의 깨달음을 얻고 적용해보면서 학습이 일어나고 있다는 느낌을 받습니다. 코드숨 과정 시작 전에 읽으면 좋을만한 책으로 추천해주신 '자바스크립트 코딩의 기술'을 지금에서야 읽고 있습니다. 최신 문법을 예제와 함께 그 필요성을 느낄 수 있도록 잘 소개하는 책인 것 같습..
스프레드 연산자의 장점_1
스프레드 연산자가 개꿀인 부분을 정리하고자 함 자바스크립트 배열에는 push 메서드가 존재한다. 어떤 항목을 배열에 추가하고 싶을 때 사용한다. const a = ['a', 'b', 'c']; a.push('d'); //a = ['a', 'b', 'c', 'd']; 아주 쉽고 편리하지만 push()를 사용하는 순간 원본 배열이 바로 조작된다는 사실에 주의해야 한다. 예를 들어, const a = ['a', 'b', 'c']; function addItem(array) { if (array.length > 3) { return { error: '이미 가득 차버렸습니다.', }; } const newArray = array.push('e'); //a = ['a', 'b', 'c', 'e'] return ne..
const 를 써야 하는 이유
변수를 선언하는 방식은 그 변수의 성격을 정의한다. 재할당할 수 없는 변수를 선언하고 싶다면 const를 사용한다.다시 할당할 수 없다는 점이 뭔가 유연하지 못하고 불편하게 느껴질 수도 있다. 코딩을 배우는 과정에서 왜 let아닌 const로의 변수 선언을 강조하는지 처음에는 이해가 잘 되지 않았다. 정확히는 그 필요성을 잘 느끼지 못했다고 해야겠다. 생활코딩의 이고잉님은 강의 중에 극단의 상황을 가정하는 것을 좋아한다. 나도 좋은 아키텍쳐를 만들기 위해서는 그런 가정이 필수적이라고 생각한다. 변수의 선언도 마찬가지이다. 만약 수백 줄로 작성된 코드를 유지보수해야 한다면 const에 의한 변수 선언 방식은 코드의 신뢰도를 높여준다. const a = 100; const result = a * 10; //..
2021-08-19 TIL
Facts (사실, 객관) 코드숨 2주차 과제 리팩토링하는 중 노마드코더 파이썬 마지막 과제 완료 운동 다시 시작 2회차 다녀옴 Feelings (느낌, 주관) 코드숨 2주차 과제를 리팩토링하고 있다. 확장성을 고려하여 상태를 관리하는 방법, 불필요한 리액트 hook 사용, 과도한 컴포넌트 분리 등에 대해서 피드백을 받았다. 피드백을 받았던 내용을 보완하면서 조금씩 코드가 다듬어지는 것 같아 기분이 좋았다. 마치 방을 깔끔하게 정리하는 느낌과 유사했다. 관심사에 따라 컴포넌트와 파일을 분리하여 정리하고 나니 전체적인 구성이 좀 더 분명하게 보였다. 계속해서 스크래핑하는 과제를 하고 있다. bs4를 사용하기도 하고 타겟 웹사이트에서 제공하는 api를 이용하기도 한다. 파이썬에 대해서는 아직 모르는게 너무나..
코드숨_React _1주차_주간회고
Facts (사실, 객관) 코드숨 1주차 강의 듣기 과제 1: let 제거하기 과제 2: 간단한 계산기 만들기 Feelings (느낌, 주관) 새롭게 알게된 것들이 너무 많았던 한주였다. 그냥 지나쳤던 것들에 대해 공부해볼 수 있는 시간을 갖게 되었는데, 그러다 보니 그간 대충 해온 것에 대한 반성을 피해갈 수는 없었다. 트레이너님들이 리뷰를 통해 힌트를 주기도 하시지만 그조차도 받아들일 실력이 되지 않아 간단해 보이는거 하나에도 쩔쩔맸다. 특히 아샬님의 몇몇 질문에 대해서는 아예 이해하지 못해 되물어야만 했다. 질문에 대한 답을 찾는 과정에서 새로운 지식과 함께 새로운 질문이 생겨났다. 결국 과제는 제대로 완수하지 못했다. 특히 과제명 '간단한 계산기 만들기'는 내겐 전혀 간단하지 않았다. 예전에 했던..
2021-08-18 TIL
Facts (사실, 객관) 코드숨 리액트 2주차 과제 1,2 보완 및 커밋 노마드코더 파이썬 챌린지 과제 제출 Feelings (느낌, 주관) 아샬님 강의에서 배운대로 관심사를 나름대로 분리시켜 보니 뭔가 구조가 짜여진다는 느낌을 받았습니다. 컴포넌트를 만들고 그에 따라 파일을 분리시키는 작업을 하면서 단순히 따라 하는 것이 아니라 조금이라도 내 생각대로 코드를 작성하고 있다고 느꼈습니다. 과제를 하면서 분리시킨 컴포넌트에 함수나 오브젝트를 전달하는 것에 더 익숙해졌습니다. 파이썬으로 스크랩핑하는 과제가 생각보다 재밌었습니다. 긁어온 자료를 flask를 통해 정리된 모양으로 브라우저에 출력하고 나니, 뭔가 그럴듯해 보이더군요. 유용한 뭔가를 만든 기분이었습니다. flask를 조금 맛보았는데 쟝고도 궁금해..
2021-08-17 TIL
Facts (사실, 객관) 운동 다시 시작 코드숨 리액트 2주차 강의 수강 코드숨 리액트 2주차 과제 1,2 초안 PR Feelings (느낌, 주관) 한동안 쉬었던 운동을 다시 시작했습니다. 전에 어렵지 않게 수행하던 수준에도 못미치는 것을 확인하고 나니 지금이라도 다시 시작해서 다행이라는 생각이 들더군요. 습관을 유지하는 것과 마찬가지로 멈췄던 습관을 다시 새기는 것 또한 쉽지 않은 일입니다. 코드숨 리액트 2주차 강의를 수강했습니다. 예전에 다른 곳에서 리액트 강의를 들었을 때는 아무 것도 모른 채로 들었던 셈이라 코드의 모양이 매우 낯설게 느껴졌었는데, 확실히 지난주 JSX강의를 듣고 난 이후라 그런지 리액트의 생김새가 훨씬 더 친근하게 느껴졌습니다. 더군다나 리액트를 통해 상태관리나 컴포넌트 활..
2021-08-12 TIL
Facts (사실, 객관) 카페 알바를 시작했다. 파이썬으로 여러 문법을 사용해봤다. Feelings (느낌, 주관) 파트타임 잡으로 카페에서 일하기로 했습니다. 사실 코딩에 집중하는 것이 가장 중요하지만, 근래 거의 세 달동안 텐션이 많이 떨어지고 시간관리를 전혀 못하고 있다고 느껴서 마인드컨트롤의 일환으로 주말 카페 알바를 하기로 했습니다. 아무래도 백수로 오랜 시간을 지내다보니 초기보다 크게 의욕이 떨어졌고, 밤낮이 바뀐 생활이 심신에 좋지 않다고 느꼈습니다. 코드숨을 시작한 것과 맞물려 시작하게 된 것은 조금 아쉽지만 평일에 더 집중하여 시간을 알차게 써야 한다는 압박을 제 자신에게 주고 싶었습니다. 주말에 일을 시작하기 전에 미리 일을 배워둘 겸 오늘 하루만 일을 해봤는데, 샌드위치가 유명한 카..