반응형
반응형
바쁜 한주였다. 주말에 약속이 연달아있었고, 공부량도 저번주에 비해서 좀 부족했던터라 목표했던 진도까지 못나가게되었다. 다음주 목요일부터 프로젝트 시작인데 프로젝트에 필요한 내용들을 학습하는것에 초점을둬 학습해나갈 예정이며 크리스마스는 코딩하느라 바쁠예정일것같다..
접근제어자 기본적으로 자바스크립트는 언어에서 제공되지않았기에 네이밍앞에 _ 를 붙여서 암묵적으로 사용했다 타입스크립트 에서는 언어적으로 접근제어자를 제공하게되었는데 외부에서 접근할수있도록 키워드를 통해서 제어를 할수있다. public private protected 가 있다 defualt 값은 public 이다. 클래스 내부에 모든곳에 생성자, 프로퍼티 , 메서드 등에 설정 가능하다. public 은 외부에서 접근할수있는 제어자이다. private 는 클래스 외부에서 접근 할수없다. protexted 외부에서는 접근이 불가능하지만 상속관계에서는 접근가능하다. getters & setters 어떤 객체의 프로퍼티를 접근해서 get 하는 것 과 프로퍼티의 재할당하는 set 하는 행위들을 함수로 표현하는것이다..
1. 라우팅이란 ? 웹앱에서의 라우팅은 사용자가 요청한 URL에 따라 알맞는 페이지를 보여주는것을 의미한다. 여기서 여러페이지로 구성된 웹페이지에서 페이지별로 컴포넌트를 분리해가며 프로젝트를 관리하기위해 필요한것이 라우팅 시스템이다. 우리는 React-Router 를 사용해서 예제를 해보자 2. 싱글 페이지 어플리케이션이란? 말그대로 한개의 페이지로 이루어진 어플리케이션 이다. 기술적으로는 한페이지만 존재하는것이지만, 사용자는 여러 페이지가 존재하는것처럼 느낀다. React-Router 는 링크를눌르면 브라우저에 History API 를 사용해 주소창 값만 변경하고 기존 페이지의 웹 어플리케이션은 유지 하면서 라우팅설정에따른 다른 페이지를 보여주는 방식이다. 3. 리액트 라우터 적용 및 사용법 3.1 프..
현재 진행하고있는 프로젝트 에 라우트 적용해보기 현재 redux 를 사용하고있는 todo 프로젝트에 라우터를 적용하여 todo를 클릭했을때 ? 상세 페이지를 띄우게 만들어보자. 이과정을 하게되면서 문제를 해결하는 과정도 기록해보자. 1. 프로젝트에 라우터 라이브러리 설치 $ npm install react-router-dom2. 프로젝트 라우터 적용 루트 디렉토리에 index.js 파일에 react-router-dom 내장 컴포넌트 BrowerRouter 컴포넌트를 사용하여 감싸준다. 이 컴포넌트는 간단하게 HTML5 의 History API 를 사용해 주소경로에 관련된 정보를 리액트 컴포넌트에서 사용할수있도록 해준게하는 컴포넌트 이다. 사용해보면서 이해해보자 index.js import React fr..
리덕스 ? 리액트에서 사용률이 높은 상태관리 라이브러리이다. 상태관련 로직들을 다른파일로 분리하여 효율적으로 관리 할수있으며 글로벌 상태 관리도 쉽게 할수있다. Context API 와 useReducer Hook 을 사용해서 개발하는 흐름과 리덕스는 굉장히 유사 하다. Context API 와 차이점 ? 1. 미들웨어 리덕스에는 미들웨어라는 개념이 있다. 미들웨어를 통해서 액션 객체가 리듀서에서 처리되기 전에 원하는 작업을 수행할수있도록 만들수있다. 특정 조건에따라 액션이 무시됨 액션을 콘솔에 출력하거나 , 서버에 로깅할수있음 액션이 디스패치됐을대 이를 수정해서 리듀서에 전달할수있음 특정 액션이 발생했을때 다른액션을 발생하게할수있음 특정 액션이 발생했을때 특정자바스크립트 함수를 실행시킬수있다. 주로 비..
리덕스 ? 리액트에서 사용률이 높은 상태관리 라이브러리이다. 상태관련 로직들을 다른파일로 분리하여 효율적으로 관리 할수있으며 글로벌 상태 관리도 쉽게 할수있다. Context API 와 useReducer Hook 을 사용해서 개발하는 흐름과 리덕스는 굉장히 유사 하다. Context API 와 차이점 ? 1. 미들웨어 리덕스에는 미들웨어라는 개념이 있다. 미들웨어를 통해서 액션 객체가 리듀서에서 처리되기 전에 원하는 작업을 수행할수있도록 만들수있다. 특정 조건에따라 액션이 무시됨 액션을 콘솔에 출력하거나 , 서버에 로깅할수있음 액션이 디스패치됐을대 이를 수정해서 리듀서에 전달할수있음 특정 액션이 발생했을때 다른액션을 발생하게할수있음 특정 액션이 발생했을때 특정자바스크립트 함수를 실행시킬수있다. 주로 비..