모듈이란? 프로그램 내부를 기능별 단위로 분할한 부분 모듈 분리 시 장점 유지보수 기능들이 모듈화가 잘 되어있다면 의존성을 줄일 수 있어 유지보수가 편하다. 네임스페이스화 모듈 분리를 하면 모듈만의 네임스페이스를 갖기 때문에 중복 변수명으로부터 자유로워진다. 재사용성 재사용 가능한 로직을 모듈로 분리시켜 필요할 때마다 사용할 수 있다. 모듈 시스템 JS 프로그램을 모듈로 개발하고 배포할 수 있게 하기 위해 만들어짐 CJS(Common JS) - 서버 사이드에서 사용, 동기적으로 작동 - Browserify 모듈화 방법 스코프(Scope): 모든 모듈은 자신만의 독립적인 실행 영역이 있어야 한다. 정의(Definition): 모듈 정의는 exports 객체를 이용한다. 사용(Usage): 모듈 사용은 re..
React에서 상태 관리 라이브러리를 쓰는 이유? React는 여러 컴포넌트로 구성되어있다. 각각의 컴포넌트마다 state가 있을 수 있고, useState 같은 hook으로 상태를 관리할 수 있다. state가 변경되면 컴포넌트가 리렌더링되어 변하게 된다. 리액트는 단방향 데이터 흐름, 즉 부모 -> 자식으로만 데이터가 전달이 가능하기 때문에 자식 컴포넌트도 state에 맞게 변경하려고 한다면 props로 전달해야 한다. 만약 자식 컴포넌트에서도 props로 받은 state를 변경가능하게 하려면 state 변경 함수 또한 props로 전달받아야 한다. // 부모 컴포넌트 function ParentComponent() { const [name, setName] = useState('Parent Name..
우아한테크코스 5기 프리코스 2주차 회고 벌써 프리코스의 반이 끝났다! 3주차 미션을 진행하기 전 회고부터 해보려 한다. 이번 주차도 어김없이 과제 하나를 받았다. "숫자 야구 게임" 사실, 프리코스 시작 전에 숫자 야구 게임을 구현해보았다. 작년 프리코스 때도 이 과제가 있었기 때문에 연습삼아 풀었었다. 하지만, 프리코스 과정에서 직접 과제를 받고 구현을 해보니 이전과 많이 다르게 진행했다는 걸 알 수 있었다. 성장했나...? 기능 목록 작성 처음에 기능 목록을 작성했을 때에는 숫자 야구 게임을 할 수 있는 App 클래스에 모든 기능이 들어가도록 했다. 그리고 play 메서드를 제외한 다른 메서드들은 private 메서드로 구현했다. 테스트까지 완료했지만, 이번 과제는 저번 과제와 다르게 클래스로 구현..
우아한테코코스 프론트엔드 5기 지원, 그리고 프리코스 시작 우테코 프로젝트들을 보며 공부했던 내가 우테코 5기를 모집한다는 소문을 들었다. 4기와는 다르게 지원만 하면 프리코스를 할 수 있다니!! 부랴부랴 자기소개서를 쓰고 지원했다. 자기소개서에서 요구한 질문들 1. 고등학교/대학교 전공을 포함하여 프로그래밍 교육 이력을 작성해 주세요. (200자 이내) 2. 프로그래밍 학습 과정은? (1000자 이내) 3. 프로그래머가 되려는 이유는 무엇인가요? (1000자 이내) 4. 마음이 끌리는 무엇인가에 긴시간 동안 몰입해 본 경험이 있나요? (1000자 이내) 5. 우아한테크코스에 참여하려는 이유는 무엇인가요? (500자 이내) 대학교 입시 때 이후로 자기소개서를 처음 쓰는거라 어색했다. 작성하기 전에 내가 ..
리액트를 하면 상태 관리라는 단어를 많이 들을 것이다. 일단 state의 유형부터 알아보자. state의 유형 - local state 특정 컴포넌트 안에서만 영향을 끼치는 상태. - Cross-Component State 여러가지 컴포넌트에서 영향을 끼치는 상태. Props Drilling 방식 필요 - global state 모든 컴포넌트에 영향을 끼치는 상태. Props Drilling 방식 필요 Props Drilling? Props Drilling은 말그대로 드릴처럼 밑으로 구멍을 뚫어 프로퍼티를 하위 컴포넌트로 전달하는 과정이라고 생각하면 된다. 하지만 이 과정이 깊어진다면 props를 추적하기 힘들어진다. 이런 문제를 해결하기 위해 나온 것이 바로 State Management, 상태관리 라..
리액트를 하다보면 'props', 'state'라는 말을 많이 들어봤을 것이다. 언뜻 보기엔 비슷해보이지만 엄연히 다르다. React 공식 문서에서는 이렇게 정의한다. props (“properties”의 줄임말) 와 state는 일반 JavaScript 객체입니다. 두 객체 모두 렌더링 결과물에 영향을 주는 정보를 갖고 있는데, 한 가지 중요한 방식에서 차이가 있습니다. props는 (함수 매개변수처럼) 컴포넌트에 전달되는 반면 state는 (함수 내에 선언된 변수처럼) 컴포넌트 안에서 관리됩니다. 출처: https://ko.reactjs.org/docs/faq-state.html#gatsby-focus-wrapper props 부모 컴포넌트에서 자식 컴포넌트로 전달하는 데이터(단방향 데이터 흐름을 가..
