예전에 작성했던 코드를 로컬로 다시 클론받아 코드를 수정하려고했다. 화면을 보기위해npm start를 해주었더니, script 오류가 났고🤦🏻‍♀️ 당황하지 않고 npm install을 해주었다. 그랬더니 이번엔 다음과 같은 code ERESOLVE 오류가 났다

얼마전 컴퓨터를 새로 샀고, clone받은 프로젝트에 commit을 날렸더니 아래와 같은 오류 메세지가 떴다.대략, 사용자 이름을 컴퓨터 hostname을 기준으로 자동 설정했으니, 정확한지 확인하라는 말이다. git log를 통해 commit 내역을 보니, 컴퓨터를

유튜브 강의를 보다 강의를 진행하시는 개발자님이 code . 명령어로 터미널에서 바로 vscode를 여는 것을 본 적 있다. 근데 쩜의 위치를 바꿔가며 아무리 입력해도 나에게 돌아오는건 zsh: command not found: code 뿐 🥲 아주 간단한 방법으로

기업협업 > 2차프로젝트를 마치고 숨을 고를새도 없이 기업협업이 시작되었다. 사회에 나와 첫 회사에 출근하던 그날처럼 떨렸다. 어떤 사람들을 만나게될지, 어떤 업무를 맡게될지, 과연 짧은 시간 동안 배운 나의 실력으로 회사의 업무를 잘 해낼 수 있을지, 함께가는 동기

Redux의 흐름을 파악하기 위해, 버튼을 클릭하면 숫자가 증가/감소하는 간단한 앱을 만들어 보자. combineReducers사용 예를 기록하기 위해 isLogged라는 reducer를 하나 더 생성해 주었다. reducer가 여러개일 경우 combineReducer

Hoist란 변수 선언을 끌어올리는 것을 말한다. 즉,1) 변수가 함수 내에서 정의되었을 경우, 선언이 함수의 최상위로 끌어올려지며 2) 변수가 함수 바깥에서 정의되었을 경우, 전역 컨텍스트의 최상위로 끌어올려진다.1) 변수가 함수 내에서 정의되었을 경우, 선언이 함수

Redux 란? > 자바스크립트 앱을 위한 예측 가능한 상태 컨테이너 라이브러리다. Redux를 사용하는 이유? react를 사용하다보면 겪는 불편함이 있다. props를 부모에서 멀리 떨어진 자식까지 전달해야하거나, 혹은 자식에게서 부모에게로, 또 여기저기로 pro

2주간 진행된 마이리얼트립 클론 프로젝트의 회고록 🌱 1. 클론 프로젝트 소개 ✔️ 클론사이트 명 : [마이리얼트립] (https://www.myrealtrip.com/) ✔️ 팀명 및 구성 : 마이동묘트립 프론트) 김해인(PM), 안미현, 이하영 / 백엔드) 이주

Data Range Picker 공식문서 라이브러리를 사용하여 간편하게 달력을 만들어보자! 먼저 install을 해주고, 컴포넌트 상단에 import해주고,

styled component를 react에 import하기만 하면 error: Invalid hook call.이라는 오류가 생겼다. 나와 같은 오류로 고생하실 분들을 위해 간단하게 남겨 놓는 글. 1.npm install --save styled-components

Merge & Rebase Merge와 Rebase는 모두 한 브랜치에서 다른 브랜치로 병합하지만, git commit history 순서에 차이가 있다. Merge Git Merge는 시간 순서에따라 다른 브랜치의 커밋까지 다 내가 작업하던 브랜치로 들어와 버린다.

위코드에서 4주간 진행하는 Foundation 기간을 완료한 후 시작한 1차 프로젝트. 그 마무리를 위한 회고록. 1. 클론 프로젝트 ✔️ 클론사이트 명 : 라인프랜즈 샵 ✔️ 팀 구성 : 프론트) 안미현, 이은진, 강경오 / 백엔드) 문승희, 오승현 ✔️ 담당 페

왜이렇게 쉽지하고 보니 새로운 배열을 선언하지 말라는 조건이 보였다. 당연하게도 빈배열을 선언해서 반복문을 거꾸로 돌려 push하려고 했는데 말이다. 그래 이렇게 쉬울리가 없지, 하며 다시 도전. 배열안에서 원소를 이동시키려면 뭔가 기준점이 필요할 것 같아서 lengt

1. 문제 2. 풀이 복소수를 이해하

개발자라는 꿈을 꾸며 첫걸음을 시작한지 한 달이 지났다. 지나온 시간과 마음을 글로 남겨보자. 개강 한달 전, 사전스터디 조가 꾸려지고 온라인을 통해 일주일에 한번 정해진 시간에 만나 한 주간 공부한 것을 나누는 시간을 가졌다. 한 달이라는 시간동안 많은 조원들이 저

1~3999 사이의 로마자 s를 인자로 주면 그에 해당하는 숫자를 반환해주세요.로마 숫자를 숫자로 표기하면 다음과 같습니다.Symbol ValueI 1V 5X 10L 50C

componentDidMount() 메소드를 통해 라이프 사이클에 대한 이해를 높인다. fetch() 함수를 사용해 API 호출을 할 수 있다. Array.map() 함수를 통해 component를 재활용할 수 있다. props 를 사용해 단방향(부모 컴포넌트 > 자식

state를 직접 수정하면 안되는 이유? setState는 비동기적으로 동작하기 때문에 state가 직접 수정되어 여러번 상태를 업데이트 하는 경우, 이전 업데이트 내용이 다음 업데이트 내용에 덮어 쓰여질 수가 있다. 즉, 예상치 못한 곳에서 버그가 발생 할 수 있다.

Component를 만드는 방법에는 Class 와 Function 두가지 방법이 있다. Class Component는 리액트에서 제공하는 컴포넌트라는 클래스를 상속(extends)해서 만든다. => Class 컴포넌트명 extends Component state와 li

노드 JS 웹 브라우져 밖에서도 JavaScript로 프로그래밍을 할수 있도록 돕는 환경. JavaScript는 원래 브라우저 위에서 동작하는 웹페이지나 웹어플리케이션을 위해 작성하는 언어였으나, Node.Js 인해 이제 어디서나 JavaScript로 프로그래밍을 할