개발하자

useState 는 무엇일까? 공식문서에는 Hook과 useState에 대해서 아래와 같이 설명하고 있다. Hook이란? Hook은 특별한 함수입니다. useState state를 함수 컴포넌트 안에서 사용할 수 있게 해줍니다. 왜 사용하는 것인가? 왜인지를 생각해봤을 때 리액트는 함수내에서 변경이 있는 상태를 저장할 수 없다. 함수내의 변경이 생기면 함수전체를 다시 렌더링 하기 때문이다. 그럼 상태 변수를 유지 할 수 없기 때문에 함수 외부에서 상태를 유지해줄 함수나 객체가 필요하다. 어떻게 사용하는 것인가? 클론코딩 강좌를 들으며 useState의 사용법을 배웠다. 아래 코드 처럼 사용하면 손쉽게 상태를 저장하고 변경할 수 있다. import { useState } from "react"; impor..

왜 이제야 리액트 공부를 시작할까? 프론트엔드 공부를 한지 꽤 지났지만 리액트를 제대로 사용해본적은 없다. 처음부터 라이브러리나 프레임 워크에 맞춘 사고를 하고 싶지 않았고, 프론트엔드 동향은 꽤나 자주 바뀌지만 javascript 본질은 한동안 변하지 않을 것이라 생각했기 때문이다. 또 자신감도 있었다. vanilla.js 로 앱을 개발할 수준이 된다면 라이브러리와 프레임워크를 이해 못할리가 있을까? 사용법 자체는 더 빨리 익힐 것이라생각했다. 그럼 리액트 말고 무슨 공부를 했을까? 최근에는 vanilla.js 와 typescript로 웹앱 개발하여 출시 했다. 앱에 대한 자세한 내용은 레포에 있다!! https://github.com/star-to star-to star-to has 4 reposit..

Execution Context를 먼저 학습하는 것을 추천한다!! https://hyesunie.tistory.com/14 Scope와 Closure 이해하기 위한 선행 학습 (Execution Context, Lexical Environment ) JS에서 Scope와 Closure를 이해하기 위해서는 Lexical Evironmet에 대한 이해가 선행되어야 한다. 그래서 아래 포스팅을 해석하며 Execution Context를 이해해보려고 했다!! https://blog.bitsrc.io/understanding.. hyesunie.tistory.com Scope 공식 문서에서 정의한 내용을 보면 아래와 같이 간단하게 정의 돼있다. 현재 실행되는 컨텍스트를 말한다. 간단하지만 이해하기 위해서는 Exe..

이 전에 JS Prototype에 대해서 자세하게 학습한 적이 있었다. 그때 정리를 해두고 완벽하게 이해를 했다고 생각했는데,, 최근에 다시 Prototype에 대해 정리를 하려고 봤더니 많이 헤깔렸다!! 그래서 이번에는 블로그에 정리해두고 헤깔릴 때마다 보려고 한다. 프로토타입 상속에 대해 자세하게 공부하고 싶다면 이 사이트를 참고하면 좋다!! https://ko.javascript.info/prototype-inheritance 프로토타입 상속 ko.javascript.info Prototype이 무엇일까? 상속을 가능하게 하는 자바스크립트 언어의 고유 기능이라고 한 줄 요약을 할 수 있다. class의 extends와 완전히 같지는 않다!! class를 prototype 체인에 연결 하려고 했을 떄..

프론트 엔드 공부를 한지 벌써 1년이 다 돼 간다. 목숨걸고 열심히 했다고까지는 말하지 못하지만 차근차근 꾸준히 기본을 닦아왔다는 것은 확실하다!! 그래서 조금 더 큰 프로젝트를 혼자 할 수 있겠다는 자신감이 생겼고, 프로젝트를 기획해보려고 한다. 다른 사람들과 함께 하고 싶은 마음도 있지만, 어떤 사람을 만나게 될지 모른다는 불안감도 있고, 내가 타인의 영향을 잘 받는 사람이라서 결국은 내가 하고 싶은 프로젝트를 할 수 없을지도 모른다는 불안감이 있었기 때문에 혼자 프로젝트를 진행하려고 한다. 협업을 하지 않기 때문에 일단 기획을 먼저하고, 그 기획에 맞춰서 개발을 하는 연습을 해보려고 한다. 혼자 기획까지 완벽하게 할 수는 없겠지만 그래도 스스로 요구사항과 UI를 정해놓고, 어떻게든 구현해보려는 노력..