프론트엔드/기타(15)
-
[Redux] 리덕스의 기본!
리덕스(Redux)는 리액트(React)를 사용할때 발생할 수 있는 Props-drilling 문제 해결에 도움을 줄 수 있는 상태관리 라이브러리이다. 다만 하나 주의해서 알아야하는 것은, Redux는 React의 관련 라이브러리, 혹은 React의 하위 라이브러리 가 아니다. 리액트로 웹개발을 진행하다 보면 사용자설정 테마, 권한에 따른 페이지뷰를 위한 권한 설정 등 특정상태를 전역에서 사용하고 싶어질 때가 있다. 이럴때 Props를 사용해서 state를 관리하게되면 만드는 모든 컴포넌트에 state를 내려줘야하기 때문에 상당히 비효율적이다. Redux 동작과정 이런 복잡한 과정을 해결하기 위해서 Redux에서는 Store라는 특별한 전역저장소를 설정하고, 각 하위 컴포넌트는 이를 가져다 사용할 수 있..
2022.09.01 -
[REST API] 잘 디자인된 API
REST API 란? REST API 란 'Respresentational State Transfer' 의 약자로, 웹에서 사용되는 데이터나 자원을 HTTP URI 로 표현하고, HTTP프로토콜을 이용해 요청, 응답을 정의하는 방식을 이야기한다. 식용유를 두른 팬에 양파 당근 햄 순서로 볶은 다음 소금 후추로 간을 하고 밥과 함께 볶아낸 음식을 주세요 vs 햄 볶음밥 하나 주세요 우리가 음식점에 들어가서 메뉴를 주문할때, 음식에 들어가는 재료를 일일히 이야기하고, 조리법을 세세하게 설명하고 주문하지는 않는다. 대신 메뉴판을 보고 메뉴의 이름을 이야기하면 메뉴에 맞는 재료를 정해진 조리법에 맞춰 조리후 서빙하게 된다. 서버와 클라이언트 사이에도 데이터와 리소스를 요청하고 이에 맞는 응답을 받기 위한 메뉴판..
2022.08.05 -
[부트캠프] 프론트엔드 부트캠프, 첫날
let codeStates = ["기대","설램","걱정"]; 국비지원 웹퍼블리셔 과정을 수료하고 프론트엔드 웹개발에 관심이 생겨 '코드스테이츠 프론트엔드' 과정을 듣게됬다. 국비지원교육에 대한 안 좋은 후기들을 많이 들었지만 한번 수료해보고나니 큰 걱정은 없었다. 하지만 이번에 부트캠프를 시작하기 전에 몇가지 걱정이 있었다. console.log(codestates.pop()); 자기주도학습 자기주도학습 기반의 수업이라는 것을 보고 학원에서 알려주는 것은 없고 혼자 공부를 하게되면 어떡하지? 라는 생각이 먼저 들었다. 6개월의 시간, 짧지만은 않은 시간이고 국비지원으로 무료이긴 하지만 적지않은 수강료이다. 이 기간동안 내가 발전이 없으면 어떡하지 하는 막연한 걱정이 있었다. 하지만 되돌아 생각해보면 이..
2022.06.23