Silver Library (Archived)

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

정말 무궁무진하게 사용 할 수 있을 것 같은 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..

때로는 원초적인 낮은 단계의 것에서 그 해답을 찾을 수 있다. 라는 말이 있다면, 여기에 어울리는 말 일 겁니다. react icon 같은 걸 import 한 건 좋은데, 도무지 저걸 어떻게 적용할까? 라는 이상한 고뇌에 잠시 빠졌었습니다. 그렇게 앓던 중, 한번 시험삼아 원초적인 방식으로 html 로 작성하듯이 접근 해 봤는데 해결이 된 사례입니다. 아래의 import { GrCheckbox } from 'react-icons/gr' 이 후, 아래의 p 태그 이후에 적히는 {} 내부에 그대로 가 입력됩니다. import React, { useState } from 'react' import './App.css' import { GrCheckbox } from 'react-icons/gr' import ..

type 과 interface. 타입스크립트에서 쓰이는 두 선언을 기록하는 유형 정도로 인식하고 있다. type 은 단일 class 같은 성격을 가졌고, 따라서 유연하게 extends 해서 연달아 애드온 하듯이 작성하는 것은 불편하다는 인식이다. 반면, interfcae 의 경우, 연달아 사용해서 쓰는게 가능하다는 인식이다. 자, 체스판을 한번 뒤집어보자. 이 type 의 경우, 사실 interface 와 마찬가지로 도중에 끼워넣기 식으로 추가할 수 있다. 아래의 type kimochi 에 있는 내용을, 그 다음 doredake 에서 이어 적용하듯이. 아래 두번째 doredake 를 보면 알 수 있다. type kimochi = { a: string b: number } type doredake = ki..