사용 배경 우리 팀은 상태관리 툴로 Zustand를 사용했다. 첫 리액트 프로젝트이다 보니 상태관리 툴을 왜 써야하는지가 와닿지 않아서 Redux 사용을 미루고 있었다. 근데 로그인 상태를 유지 시키기 위해서는 전역적으로 상태를 관리할 필요가 있다고 판단해 상태관리 툴

오픈API의 데이터를 두 개의 페이지에서 사용해야 하는 상황이었는데 axios 요청을 페이지 이동할 때 마다 보내는게 비효율적이라고 생각이 들어서 어떻게 이 문제를 해결할까 고민하다 loader라는 것을 알게되었다. react-router-dom 6.4v 부터 사용

로그인 한 번 하고나니까 그래도 좀 수월했는데 input 코드가 너무 반복되어서 컴포넌트로 빼서 했더니 하나가 동작하면 다른게 안되고 그거 고치면 또 다른 문제가 생기고 너무 복잡해져서 그냥 로그인과 비슷하게 구현하려고 수정했다. Ver1 > pages/Signup

npm install react-router-dom 모듈 설치드릅게 어려워 죽겄네...

처음에 서버측 url로 axios 요청 보내기 위해 .env.development와 같은 파일 생성해야한다는 것을 깜빡하고 왜 안되지 하면서 몇시간을 날렸다위의 코드로 파일 생성한 후 process.env로 접근하려고 하니까 빨간 밑줄이 생기면서 오류가 발생했다 후..

`` IconProps 오류 fontawesome 사용을 위해 아래의 모듈을 설치했다 > 눈 모양 아이콘을 사용하기 위해 아래의 코드를 작성했는데 원하는 옵션의 아이콘이 나오지 않았다. > 그래서 옵션이 적힌 버전의 코드(``)를 넣었더니 아래의 오류가 나타났다

fontawesome 사용을 위해 아래의 모듈을 설치했다눈 모양 아이콘을 사용하기 위해 아래의 코드를 작성했는데 원하는 옵션의 아이콘이 나오지 않았다.그래서 옵션이 적힌 버전의 코드(<FontAwesomeIcon icon="fa-thin fa-eye" />)를 넣

이 코드처럼 react 방식으로 src/assets 경로의 이미지를 불러오는 설정했더니 아래와 같이 오류가 발생했다다행히 검색해보니 해결 방법이 금방 나왔다. 두 가지 방법이 있었는데 import 시 from 대신 require() 사용하지만 이 방법은 오류가 생기지

socket.io 과제 중 아래의 에러를 만났다..구글링을 해봐도 무슨 문제인지 감이 안잡혀서 뤼튼의 힘을 빌렸다 ㅋ;오류가 발생한 코드수정한 코드이벤트 리스너를 등록하는 과정에서 함수를 바로 호출하는 것이 아니라, 함수 참조를 전달해야 한다 JavaScript에서 함

💡 4/12 Socket 📍 Socket 프로세스가 네트워크로 데이터를 내보내거나 데이터를 받기 위한 실제적 인 창구역할을 하는 것 서버와 클라이언트를 연결해주는 도구로써 인터페이스 역할을 하는 것 서버 : 클라이언트 소켓의 연결 요청을 대기하고, 연결 요

💡 4/12 Socket 📍 TCP/IP TCP/IP는 컴퓨터 네트워크에서 데이터 통신을 위한 프로토콜 스택으로, 네트워크 간의 데이터 교환을 가능하게 하는 중요한 기술 데이터를 분할하여 보냄. 정확한 전송을 보장하며 데이터의 경로를 지정하는 역할. TCP(T

방법 1방법 2 (재귀)

입력값을 그대로 출력하는 문제였다. 처음에는 최대 100줄로 이루어져 있다고 해서 for문으로 풀어봤다.런타임 에러(NoSuchElement) 발생한 코드하지만 런타임 에러가 나서 어떻게 풀어야 할지 찾아보다while과 .hashNext()이라는 메서드를 이용해 다음

문제 풀이 >

문제 풀이 >

Velog에서는 사용할 수 없지만 마크다운으로 github에서 종종 쓸때가 있는데매번 찾아서 사용하기 귀찮아서 작성!style은 inline으로 설정해서 사용하면 된다~

간단히 설명하면 JavaScript의 기본 문법에 자료형을 추가한 것이다.JS가 자의적으로 type 해설을 하고 코드를 실행시켰을 때, 의도와 다른 방식으로 쓰이지 않도록 방지 (오류 방지!)정적 파일 언어로, 실행하지 않고도 코드 상의 에러를 알 수 있다. (실시간

지금까지 학습한 React를 활용하여 mbti 테스트를 할 수 있는 간단한 프로그램을 만드는 실습을 했다.제공해준 pdf 파일에 실습 초기 셋팅부터 자세히 적혀있어서 차근차근 따라하며 정리할 수 있는 시간이었다.npx create-react-app \[프로젝트명] 으로

현재는 Redux의 점유율이 조금 더 높다. 하지만 최근 Recoil 사용자가 늘어나는 추세이다.Redux는 코드가 길어지지만 대규모 프로젝트에 유리하다는 특징이 있고, Recoil은 짧은 코드로 관리할 수 있다는 특징이 있다.Redux는 JS 상태관리 라이브러리이다.

Local State 각각의 컴포넌트가 소유하고 있는 state를 의미한다. 이 state는 해당 컴포넌트 내에서만 관리되고 사용된다. Cross-Component State 두 개 이상의 컴포넌트 간에 공유되는 state를 의미하며 props를 통해 state