오늘은 리덕스 툴킷에 대해 알아보자~! Redux Toolkit이란 사용이유 Redux Toolkit은 Redux를 더 사용하기 쉽게 만들기 위해 Redux에서 공식 제공하는 개발도구이다. Redux Toolkit은 아래와 같은 Redux의 문제점을 보완하기 위해

오늘은 저번시간 배운 리덕스 개념을 실제 프로젝트에 적용해보자 ~! 🙌 들어가며 **이번 편은 저번 시간 배운 리덕스 개념을 실제 적용해보는 시간으로 리덕스 개념 를 먼저 보시는 것을 추천합니다** 프로젝트 가져오기 > - redux-exercise 에서 주소

es6의 가장 큰 문법적 변화사항을 꼽자면 역시나 Arrow function이다. Arrow function의 개념과 사용법에 대해 자세히 알아보자 ~!~! 🥁🥁🥁🥁 1. Arrow function 문법 화살표 함수는 기본적인 문법은 아래와 같다. 함수 작성

오늘은 자바스크립트의 핵심원리 세 번째편 콜스택과 이벤트 루프에 대하여 알아보자🥁👌 이 글은 zerocho의 강의 및 블로깅 개념을 혼자 소화할 목적으로 쓴 글으로 공부를 목적으로 본다면 위 사이트에서 공부하기를 추천드립니다:) > 호출 스택과 이벤트 루프는 자

오늘은 내 인생 최고의 선택 코딩부트캠프 위코드에 대한 뒤늦은 후기 및 회고를 남기고자 한다 (저는 프론트엔드 개발자로서 프론트 과정에 대한 설명이 주를 이룹니다) > 1. 위코드에 오기까지 나는 위코드에 오기 전 패션 회사에서 2년 반 가량 근무를 했다. 좋은 직

오늘은 자바스크립트 핵심개념 2탄 실행컨텍스트와 클로저의 개념에 대해 알아보자! 그럼 let's get it 💕🤘 이 글은 zerocho의 강의 및 블로깅 개념을 혼자 소화할 목적으로 쓴 글으로 공부를 목적으로 본다면 위 사이트에서 공부하기를 추천드립니다:) 실

전역변수란 제일 바깥 범위인 최상단 범위에 만든 변수를 뜻한다 여기서는 x가 전역변수이다. 지역변수란 함수 안에 들어있는 변수를 뜻한다. 여기서 ex함수 내의 x변수에 해당한다. 위의 상황에서 지역변수는 아무리 해도 전역 변수에 영향을 끼칠 수 없는데 바로 함수 스코프

사용자 A와 B가 앱을 이용한다고 했을 때 둘은 가지고 있는 컨텐츠가 기본적으로 다르다. 따라서 서버에서는 A,B가 요청을 보냈을 때 누구의 요청인 지 정확히 알아야 한다. (만일 그렇지 못하다면 자신의 정보가 타인에게 유출되는 최악의 상황 발생) 따라서 앱(프론트)

오늘은 웹서비스에 필수적인 개념 토큰 인증에 대한 개념을 알아보자! 🤲 인증 & 인가 > 우선 인증과 인가는 무엇을 말하는 것일까 ? 이전에 한번 정리한 적이 있어 간단히 얘기하면 (인증과 인가) 인증 인증은 유저의 아이디와 비번 등 유저의 identifica

오늘은 스택(STACK)과 QUEUE(큐)의 개념에 대해 알아보자 🥁 스택(STACK)📚 개념✅ 스택이란 말 그대로 쌓아 올린다는 것을 의미한다. 따라서 스택 자료구조라는 것은 책을 쌓는 것처럼 차곡차고 쌓아 올린 형태의 자료구조를 말한다. 특징✔️ 스택은

전통적인 렌더링 방식으로 요청시 마다 새로고침이 일어나 서버에 새로운 페이지에 대한 요청을 하는 방식초기 페이지를 서버 사이드에서 생성함으로 SEO에 적합사용자와 소통 시 부분 렌더링이 아니라 페이지를 리로딩하기 때문에 서버 렌더링에 따른 부화가 발생페이지 이동 시 화

There might be a problem with the project dependency tree. It is likely not a bug in Create React App, but something you need to fix locally. 스택오버플로우

오늘은 REST API vs GraphQL 각 각의 개념과 차이점에 대해 알아보자👍 Server API Server API (혹은 Server-side web API)는 적절한 요청을 하였을 때 그에 맞는 응답을 되돌려 주는 창구 (Endpoint)를 Web를

이 글은 개발자를 꿈꾸기 까지의 저의 여정과 어떤 생각으로 개발자의 세계로 뛰어들게 되었는지에 대한 TMI 회고 글입니다. 시간이 많고 저에 대한 관심이 있는 분만 읽어주세요👌 지금은 위코드 부트캠프 중 제일 바쁘다는 프로젝트 기간이다. 이렇게 정신없이 휘몰아치는

본인이 작업한 사항들에 대해서 보고하고 시연 프로젝트 기간동안 자신이 소스를 분석하거나, React Native 관련 기술에 대해 스터디한 내용을 공유 이번 프로젝트를 통해 배운 것, 어려웠던 점 기타 느낀 점, 하고 싶은 말 ✅프로젝트 소개 📹데모영상 📚사용기

해야할일 가족회원관리 성별, 생년월일 수정 부분 수정 시 바로 반영 안되는 문제 해결 수정 시 바로 이전 영역으로 가게 만들어야 됨 (이름 부분 미해결) 이미지 수정 안되는 문제 해결 14세 이상은 수정 불가 TIL 다중삼항연산자

오늘은 전역상태관리 Redux에 대해 알아보자! WHAT's Redux? 리덕스(Redux)는 자바스크립트 앱의 state(data 값을) 관리해주는 하나의 도구이다 리액트 뿐만 아니라 Augular, jQuery, vanilla JavaScript 등 다양한 f

오늘은 React-Navtive FlatList에 대해 알아보자! FlatList 컴포넌트란? FlatList는 많은 양의 스크롤이 필요한 리스트 아이템을 보여주고자 할 때 쓰이는 리액트네이티브 컴포넌트이다 JS에서의 map 함수 역할과 비슷하나 더 많은 기능을

간단한 employee worked_hours를 구하는 예제를 통해 Mobx-State-Tree를 이해해보자 기본구조 src 폴더 아래 mst 폴더를 만들고 그 안에 index.ts폴더를 만들자 출처 : Cory McAboy 유튜브

Mobx State Tree 구조는 리액트 및 다른 자바스크립트 프레임워크를 위한 state 관리 솔루션이다 State관리 해결방법은 더 큰 application으로 갈 수록 필수이다. Comparison to Redux > Redux, the industry sta