Script

1. 리덕스 툴킷이란? 리덕스 툴킷은 우리가 이전에 배운 리덕스를 개량한 것으로 생각하면 된다. 코드는 더 적게, 그리고 리덕스를 더 편하게 쓰기 위한 기능들을 흡수해서 만든 것이 리덕스 툴킷이다. 리덕스 툴킷은 우리가 배웠던 리덕스와 구조나 패러다임이 모두 똑같다. 즉, 새로운 것이 아니다. 리덕스 전체 코드의 양을 줄이기 위해 새로운 API가 추가 되었고, 직접 만들어 주어야 했던 ducks 패턴의 요소들이 어느정도 자동화 되었다. 컴포넌트에서 useSelector를 통해서 사용하는 것은 모두 똑같다. 바뀐 부분은 그저 모듈 파일일 뿐이다. 2.일반 리덕스와 비교 툴킷 설치하기 yarn add react-redux @reduxjs/toolkit 지난번 만들었던 counter 모듈과의 비교 리덕스로 만..

와이파이는 상표 이름 이더넷에는 한가지 중대한 결점이 있다. 바로 통신선이 필요하다는 점이다. 이더넷이 연결된 컴퓨터는 자유럽게 이동하기 어렵다. 이를 해결할 방법이 있으니, 무선 통신을 이용하는 것이다. 무선 시스템은 무선 전자기파를 사용하여 데이터를 전송하므로 신호가 충분한 장소라면 어디서든 통신할 수 있다. 무선 네트워크의 범위는 보통 수십에서 수십 미터다. 무선 시스템은 전자기파를 이용하여 신호를 전달한다. 전자기파는 헤르츠 단위로 측정되는 특정 주파수의 파동이다. 무선 시스템은 사용할 수 있는 주파수 범위인 스펙트럼과 전송에 사용할 수 있는 전력량에 관한 엄격한 규칙에 따라 작동한다. 컴퓨터용 무선 표준은 IEEE 802.11이라는 공식 이름이 있지만, 와이파이라는 용어에 더 익숙 할 것이다. ..

깃허브 주소: https://github.com/jsi7304/TodoList-Redux 회고: 이번주에는 지난 주와는 다르게 Redux를 이용하여 TodoList를 만들어 보았다. 추가적으로 Todo 목록에 상세보기 기능을 추가하여 자신이 입력한 정보를 더 자세히 볼 수 있도록 하였는데, 이는 react-router-dom을 이용해 구현하였다. ( 상세정보를 누르면 /detail/ID로 이동하게 하였다.) 개인적으로, 물론 이번주차도 쉽지는 않았지만 저번주보다는 오히려 나았던 것 같다. 저번주에 데이터를 전달하는 흐름을 파악했기 때문 아닌가 싶긴 하다. 처음부터 Redux 알려주면 되지 왜 이 고생을 해야하나 싶었는데 막상 Redux로 구현해보고 나니, 저번주에 했던 것들이 전부 다 필요한 것이였구나 ..

SPA란? Single Page Application의 약자로써 서버에서 주는 html이 1개 뿐인 어플리케이션을 뜻한다. SPA가 아닌 웹사이트는 페이지를 이동할 때마다 서버에서 정적자원들을 내려준다면, SPA는 딱 한번만 정적자원을 받아온다. html을 하나만 쓰는 이유는 대표적으로 사용성 때문이다. 페이지를 이동할 때마다 서버에서 주는 html로 화면을 바꾸다 보면 상태 유지가 어렵고, 바뀌지 않은 부분까지 불러오다보니 비효율적이다. SPA의 단점은 처음 딱 한번 모든 정적자원을 내려받는데 이 때 컴포넌트의 수가 너무 많다면 첫 로딩속도가 저하되게 된다. 라우팅이란? html은 딱 하나를 가지고 있지만, SPA도 브라우저 주소창대로 컴포넌트를 다르게 뿌려 다른 페이지를 보여줄 수 있다. 이렇게 브라..

파일 시스템과 블록 파일 시스템 운영체제에서 하드 디스크, CD와 DVD, 다른 이동식 메모리 장치 같은 물리적인 저장 매체를 파일과 폴더의 계층 구조처럼 보이게 하는 부분 컴퓨터가 보유하는 모든 정보는 파일 시스템에 저장되고 사용자는 파일 시스템을 통해 정보에 접근 모든 정보를 관리, 정보를 읽고 쓸 수 있도록 접근 가능하게 만들고, 파일에 대한 접근이 효율적으로 수행되고 서로 간섭하지 않도록 조정하며 데이터의 물리적인 위치를 계속 파악 보조 기억 장치 파일 시스템 파일에 대한 폴더 앤트리(folder entry)는 파일 이름, 파일의 크기, 생성되거나 변경된 날짜와 시간. 다른 각종 정보를 담고 있다. 파일이 드라이브 어디에 저장되어 있는지 어떤 블록이 파일의 바이트를 담고 있는지에 정보도 포함한다...

1.Payload Payload란? 만약 전에 만든 카운터 기능에서 +1, -1처럼 정해진 것이 아니라 증가시킬 숫자를 사용자가 직접 정할 수 있게 하려면 어떻게 해야 할까. 여태까지 우리는 몇을 더할지 임의적으로 정한 후에 리듀서에게 더하라는 명령만 내렸다. 지금부터는 "더하라"가 아닌 "N을 더하라" 처럼 목적어가 있는 명령을 내릴 것이다. 목적어도 액션객체에 담아서 같이 보내줘야 할 것이다. 여기서 이 목적어에 해당하는 것이 바로 payload인 것이다. // payload가 추가된 액션객체 {type: "ADD_NUMBER", payload: 10} // type뿐만 아니라 payload라는 key와 value를 같이 담는다. payload 사용하기 순서는 다음과 같다. 사용자가 입력한 값을 받을..