본문 바로가기

전체 글71

react - useState 리액트에선 변수처럼 쓸 수 있는 useState가 있다. 변수처럼 데이터를 넣어두는 용도로 사용하고 변수의 경우는 새로고침 되어야 변경된 값이 출력되지만 useState를 사용하면 페이지 전체를 새로고침 하지 않고 그부분만 리렌더링을 하여 웹을 App처럼 동작하게 만들 수 있다. 2021. 10. 27.
react - Life Cycle (생명주기 함수) 리액트의 생명주기는 컴포넌트의 생성, 변경, 소멸의 과정을 뜻한다 constructor 컴포넌트의 생성자 메서드로 컴포넌트가 만들어지면 가장 먼저 실행된다. getDerivedStateFromProps 앞에 static 을 필요로 하고, this를 조회할 수 없다. 특정 개체를 반환하면 해당 객체 안에 있는 내용들이 컴포넌트의 state로 정설된다. null을 반환하면 아무일도 발생하지 않음. 이 메서드는 리렌더링 되기 전에도 매번 실행된다. render 컴포넌트를 렌더링 해준다. componentDidMount 컴포넌트의 첫번째 렌더링이 끝나면 호출되는 메서드. 주로 D3, masonry 처럼 DOM 을 사용해야하는 외부 라이브러리 연동을 하거나, 해당 컴포넌트에서 필요로하는 데이터를 요청하기 위해 a.. 2021. 10. 27.
리덕스 키워드 리덕스 키워드에 대한 설명과 댓글 일부를 가져왔다. 액션 (Action) 상태에 변화가 필요할 때 발생시킴 (객체하나로 표현) type을 필수로 그외의 값들은 개발자 마음대로 생성 액션 생성함수 (Action Creator) 컴포넌트에서 더욱 쉽게 액션을 발생시키기 위함 필수 아님 리듀서 (Reducer) 변화를 일으키는 함수 현재의 상태와 액션을 참조하여 새로운 상태를 반환 스토어 (Store) 한 애플리케이션당 하나의 스토어 현재의 앱 상태와, 리듀서, 내장함수 포함 디스패치 (dispatch) 스토어의 내장함수 액션을 발생 시키는 것 구독 (subscribe) 스토어의 내장함수 subscribe 함수에 특정 함수를 전달해주면, 액션이 디스패치 되었을 때 마다 전달해준 함수가 호출 (리액트에서는 co.. 2021. 10. 22.
http 와 https http는 하이퍼 텍스트 전송 프로토콜의(Hypertext Transfer Protocol)의 약자 서로 다른 시스템들 사이에서 통신을 주고받게 해주는 가장 기초적인 프로토콜이다. https는 http에 데이터 암호화가 추가된 프로토콜 https는 SSL(보안 소켓 계층) 과 같은 프로토콜을 사용하여 데이터를 암호화하기 때문에 제삼자가 해당 데이터를 조회하여도 암호화된 데이터가 보이고 원본 데이터는 볼 수 없다 2021. 9. 14.