전체 글

안녕하세요 ! 오늘은 수익형 웹사이트를 만들어보려고 합니다. 수익이 생기면 혼자 다 먹고 싶은 마음이 있기 때문에 기획, 디자인, 개발, 마케팅 모두 저 혼자서 할 예정이고요. 앞으로 지속적으로 유지보수, 기능 추가를 하면서 서서히 키우고 싶은 욕심도 있습니다. 무엇을 만들지 확인해볼까요 ? 기획 사실 기획이 제일 어렵고 중요한거 같습니다. 회사에서 일을 하면서 계속 느끼는 점은 “개발보다는 기획이 서비스의 성공 여부를 결정한다”였습니다. 그런데 뭔가 엄청난 것을 기획하고 그것을 완성시키려면 너무 힘들어보이더라고요. 특히 사람들이 사용하는 좋은 서비스를 만들고 그것으로 돈을 벌 비지니스 모델을 설계하고 그것을 디자인, 개발하는게 너무 큰 장벽처럼 느껴졌습니다. 그런데 갑자기 이런 생각이 들더라고요. 근데..

원래 밸로그에서 글을 쓰다가 티스토리에서 처음 글을 써보네요. 오늘은 리액트에서의 추상화에 대해서 공부를 해보겠습니다. 추상화란 ? 위키백과에 나온 내용을 보면 추상화(abstraction)는 복잡한 자료, 모듈, 시스템 등으로부터 핵심적인 개념 또는 기능을 간추려 내는 것을 말한다. 라고 하네요. 리액트의 컴포넌트와 훅에서는 어떻게 할 수 있을까요 ? 리액트에서의 추상화 리액트에서 추상화를 할때 이런점들이 고려되어야 합니다. 한가지의 역활 (단일 책임) 재사용성 (도메인에 종속되면 안됩니다.) 변경에 쉽게 대응 변경에는 닫혀있고 추가에는 열림 (개방 폐쇠) 변경에 쉽게 대응인데 변경에는 닫혀있다는 말은 모순인데요 ? 🤔 변경에 쉽게 대응에서의 변경과 개방폐쇠에서의 변경은 다른 의미입니다. 변경에 쉽게 ..

안녕하세요 이번에는 미루고 미뤘던 번들러에 대해서 공부를 해보고 글을 써보려고 합니다. 번들러가 뭘까요 ? "Bundle" 은 무슨 말일까요 ? 번역기의 힘을 빌려 한국어 뜻을 확인해 보니 묶음이라는 의미군요. 번들러란 이름에서도 유추할 수 있듯 어플리케이션에 필요한 여러 모듈들을 하나로 묶는 도구입니다. 왜 번들러를 사용해야 하나요 ? 그러게요 왜 모듈들을 묶어야 할까요 ? 그냥 없이 개발하면 안될까요 ? 한번 번들러 없이 만들어보겠습니다 ! 번들러 없이 만들어보기 이 서비스는 덧셈, 뺄셈 기능이 있고 각각 input으로 받을 값을 계산하는 계산기입니다. index.html 계산기 덧셈 버튼 뺄셈 버튼 이렇게 type="module"로 모듈로 바꾸면 됩니다. 모듈은 각각 독립된 스코프를 갖고 있기 때문..