Silver Library (Archived)

부제만 봐도 마치 필자가 처음 영어를 배울 때 느끼던 보이지 않는 통곡의 벽을 보는 기분이다. 하지만,이것도 결국 방향만 매번 빠르게 잘 잡으면 생각보다 빨리 해결 할 수 있을 거라고 본다. 여기서 짧게 변명을 해 보자면, '개발자는 시간 관계상이란 이유 때문에라도 다들 구글링 해서 코드 갖다 붙여서 적절히 조합해서 쓰지, 스스로 코딩 하는 경우는 없다' 라는 말을 믿었던 점 이었다고 할까. 할말은 많지만 여기까지. 자, 이제 이 관문을 해결 해보자. 우선, react 부터 javascript 로 가보겠다. react 의 경우, 파일구조를 참고 해 보도록 하자. 파일 구조 – React A JavaScript library for building user interfaces ko.reactjs.org 그..

생각보다 todolist 같은 것들, 놀랍게도 학원에서 매우 단골 수준으로 포트폴리오에 올린다는 걸 알게되었다. 그렇다면 다른 걸 구현해 볼 필요가 있겠다. 간단 하면서도, 직관적인 것. 절대 3일 이상 끌지 않고도 할 수 있는 게 뭐가 있을까? 이를 위해, 다음으로 조건을 정했다. (CSS는 덤) 아주 쉬운 것을 주제로 하나 만들어보기. 타인의 코드 가져오지 말기. 1. for, if 만을 노골적으로 사용해서 뭔가를 만들어보기. 2. useState, useEffect 만을 노골적으로 사용해서 뭔가를 만들어보기. 솔직히 말하건데, 타인의 코드를 봐야 새로운 아이디어를 알게 되는 것도 있다. 그래서, 한번 점검을 해 볼 필요가 있겠다는 생각이 들었다. 딱 눈깜고, 이번주만 한번 더 저 조건대로 진행 해 ..

To do 할일 웹앱을 참고하다시피 여기저기 보며 구상 하다가 다듬은 것이 지금의 결과물이다. 한번만 더, state management 나 useEffect 이외에 react 문법들을 좀 더 깊게 응용 해 보면 정말 괜찮을 것 같은 느낌이라 비슷한 걸로 하나 더 해보고 싶긴 하다. 매번 느끼는 안타까운(?) 감정이 있다면, '지금이라면 저번 보다도 더 잘 할 수 있을 자신이 있다' 라는 기분이 계속 든다는 점이다. 그렇다면 이번에는 뭘 해볼까? leetcode 는 지금은 난공불략으로 보여도, 한문제 풀었던 걸 위안 삼아 또 다시 재도전 하다 보면 풀어질 것이다. 하지만 문제해결 연습도 좋지만, 지금은 react 문법에서 찜찜한 걸 정말 깔끔한 수준으로 나올 때 까지 한번 더 구현 연습을 해 보고 싶다는..

정말 무궁무진하게 사용 할 수 있을 것 같은 state hook 인데, 한번 정리 해 볼겸 여기에 적어보겠습니다. react 는 javascript library 죠. 그리고 state 는 react 의 hook 중 하나입니다. 이 state 덕분에, 기존의 틀을 하나 만들어 두고; 여러개의 component 의 행동을 제어할 수 있게 해주는, 그리고 이를 위해 필요한 구성이 바로 state 내부에 구성 된 property 입니다. What is State? The state is an instance of React Component Class can be defined as an object of a set of observable properties that control the behavior o..