React

프로젝트 git clone 후 npm run으로 서버 실행시 에러 원인명령어를 읽을 수 없다고 로그가 찍힌 것을 확인할 수 있는데, 프로젝트 경로가 기존과 다르거나, 다른 프로젝트를 사용할 때 이런 에러가 종종 발생할 수 있다.해결 방법npm update, npm in

리액트 컴포넌트가 렌더링 될 때마다 특정 작업을 실행할 수 있도록 하는 HookuseEffect는 component가 Mount 되었을 때, component가 unmount 되었을 때, component가 update 되었을 때, 특정 작업을 처리할 수 있다.useE

Javascript 배열의 내장 함수주어진 함수의 테스트를 통과하는 모든 요소를 모아(true면 요소 유지, false면 버림) 새로운 배열로 반환callback 함수는 호출되는 배열을 변화시키지 않음callback 함수는 3개의 인수와 함께 호출처리할 현재(대상) 요

반복되는 컴포넌트를 렌더링하기 위하여 자바스크립트의 배열의 내장 함수인 map() 사용map 함수는 파라미터로 전달된 함수를 사용해, 배열 각 요소를 원하는 규칙에 따라 변환한 다음 새로운 배열을 생성한다.즉, callbackFunction을 실행한 결과를 이용해 새로

React에서 Promise는 비동기 처리에 활용되는 객체로, 주로 웹 서비스를 구현할 때 원활한 데이터 통신을 위해 활용된다.웹 페이지에서 서버로 데이터를 요청했을 때, 데이터를 모두 받기 전에 웹에 출력하려고 하는 경우를 방지하기 위해 사용된다.즉, Promise

react-router-dom에서 제공하는 컴포넌트는 html의 a 태그와 기능은 유사하지만, 페이지 전환을 방지하는 기능이 내장되어 있다.요소 클릭시 <도메인 경로>/<지정한경로>로 바로 이동하는 로직 구현시 용이한 컴포넌트이다.NavLink는 Link의

React를 사용하여 프로젝트를 진행하면서 UseEffect를 주로 사용하였고, 추가적으로 특정 Function에서 UseLayoutEffect를 사용하였는데, 특별한 차이를 모르겠어서 찾아보고 정리하려고 한다.먼저, 둘이 차이를 구분하기 전 Render와 Paint에

회사에서 이미지 파일을 저장할 때, 저장 전 이미지를 먼저 보여줘야 할 기능이 있어서 이리저리 알아보던 중, 첨부시 이미지를 미리보기하고, 완료시 그 파일들을 저장하는 로직을 구현해보았다.다음 이미지 첨부라는 버튼을 눌렀을 때, jpg나 png 형식의 파일을 선택하고,

React 프로젝트를 진행하면서, 정확하게 React 대해 개념을 잡지 않고 개발해왔던 거 같다. 따라서, 이번 기회에 정확하게 React가 무엇인지 짚고 넘어가려고 한다.React는 웹 프레임워크로, 자바스크립트 라이브러리의 하나로써 사용자 인터페이스를 만들기 위해

React로 진행중인 프로젝트에서 new URLSearchParams라는 객체를 발견하고 사용법이 궁금해서 이리저리 알아보던 중 주소창의 경로를 다룰 수 있는 브라우저의 내장 객체로써 개발할 때 도움이 많을 거 같아 글로 남기려고 한다.new 키워드로 인스턴스 새엉 및

useMemo는 리액트에서 컴포넌트의 성능을 최적화 하는데 사용되는 hook으로 memo는 memoization의 줄임말로 '메모리에 넣기'라는 의미이며 컴퓨터 프로그램이 동일한 계산을 반복해야 할 때, 이전에 계산한 값을 메모리에 저장함으로써 동일한 계산의 반복 수행

자바스크립트로 웹 프로그래밍 시 Alert 함수를 사용하는데, Alert는 사용자에게 알림을 주고자 할 때 사용하는 컴포넌트이다.자바스크립트의 alert는 다음과 같이 아주 기본적인 Browser UI를 제공한다.css를 입힌 Alert을 사용하고 싶을 때, Sweet