지코딩

마지막 남은 기능 하나를 하루 종일 해결 못하고 있다. 오기가 생겨서 해결하고 자려고 버텼는데, 완성했다고 생각한 순간 새로고침을 하는 순간 실패란걸 알아버린 순간 힘이 빠져버린 순간 자야겠다. 실패 이유: 랜덤으로 채워지는 평점이다. 앞에서부터 랜덤으로 채워져야 한다. 실패한 방법 적어보기 ( ) 수정한 내용 적어보기 ( )

정신없이 4일이 지나갔다. 컴포넌트들에게 둘러쌓여 정신없이 헤매다가 이제 조금씩 머릿속으로 들어오는 것 같다. 오늘은 라우터 부분의 강의까지 듣고 자려다가 반가운 친구가 말을 걸어 이야기를 나누다 보니 벌써 시간이 이렇게 됐다. 이야기의 주제는 컴포넌트였는데, 처음에는 웬 쥬커버그 이야기에서 시작하더니 마지막은 어떻게 좋은 컴포넌트를 짤 수 있을까? 로 이야기가 끝이 났다. 알고리즘 주간에 같은 조였던 성재님인데 그 때 도 그랬지만, 정말 깊이 있게 문제를 파고 드는 사람인 것 같다. (나와는 정 반대이다.) 그래서 이야기를 듣고 있으면 내가 생각하지 못했던 부분을 들을 수 있어서 고맙다. 오늘도 import와 export로 보는 컴포넌트의 관계, 컴포넌트가 왜 작아야 하는지?, 결국 마지막 컴포넌트는 ..

항해를 시작한지 2주가 지났다. 처음 항해를 시작할 때 보다 어깨도 좀 아프고 허리도 좀 아프다. 아직도 조난당했다는 느낌은 상당하지만, 이상하게 이 상황에 적응하고 있다. 적응하느라 몸이 좀 혹사당하는 듯 하다. 지난 금요일 부터는 알고리즘 주간이 끝나고 드디어 리액트를 배우는 주특기 주간이 시작되었다. 이제 이틀 지났는데 알고리즘 주간이 굉장히 옛날처럼 느껴진다. 처음 HTML, CSS, JavaScript를 거쳐서 알고리즘, 리액트까지 쉴 새 없이 새로운 것들이 들어오니 머리에 과부하가 왔는지 계속 집중이 안돼서 오늘은 좀 쉬엄쉬엄했다. 그래도 하루에 앉아 있는 시간이 긴 만큼 뭔가 얻는게 있긴 하다. 알고리즘만 해도 처음에는 식도 쓸 줄 몰라 버벅이던게 이제는 문제가 꽤 재밌게 느껴진다. 문제는 ..

리액트, 말로만 듣던 리액트, 오늘 드디어 리액트 주특기 주차가 시작되었다. 첫 날은 발제와 주간계획, 강의자료 배포 등의 준비작업과 리액트 프로젝트를 위한 개발환경 구축으로 대부분의 시간을 보냈다. 처음 HTML로 코딩을 배우기 시작할 때도 그랬지만, 리액트 개발환경을 조성하는 일은 생각만큼 간단한 과정이 아니었다. 익숙하지 않은 VSC프로그램에서 작업을 하게 된 것도 큰 변화 중 하나였고, 첫 리액트 프로젝트를 만들기까지의 과정에 알아야 할 것들이 있었다. 우여곡절 끝에 로컬서버에 첫 리액트로고를 띄우고 웅장해진 마음도 잠시, 분명 에 들어있는 코드들이 지금까지와는 너무 다르게 생긴 것을 보면서 앞으로 또 완전히 백지에서 시작하겠다는 예감이 들었다. 주말까지 리액트 기초강의를 다 듣고 월요일부터 이번..

HTML은 트리구조의 dom이다. 리액트는 DOM을 잘게 쪼개서 여러개의 component로 만들어 웹을 구성한다. 리액트에서는 JSX문법을 사용하는데, JS안에 HTML이 포함되어 있는 형태이다. 어떤 구조의 웹에서는 변화가 생길 때마다 DOM에서 불필요한 연산이 많이 이루어져 성능이 떨어진다. 그래서 리액트에서는 메모리에서만 존재하는 가상DOM을 만들었다. 웹에서 어떤 동작을 하면 가상DOM에 변화가 반영되고 그 중 바뀐 부분만 실제 DOM으로 바꿔주는 방식이다. 여러개의 component로 구성되어 있기 때문에 update가 이루어진 component만 바꿔주는 것이다. component는 크게 두 가지 방식이 있다. class형과 function형으로 현재 리액트의 공식문서에는 함수형을 쓰도록 명..