profile
Live the way you think

npm-check-updates

강의를 듣다보면 package.json의 버전이 너무 오래된 버전이라 npm i를 하면 오류가 나는 경우가 있다.그래서 package.json의 dependencies와 devDependencies에 기록되어 있는 각 패키지들을 현재기준으로 최신버전으로 업데이트를 시켜

2022년 4월 26일
·
0개의 댓글

npm install with error: `gyp` failed with exit code: 1

맥os에서 window등 다른환경의 git파일을 clone할때 문제가 발생한다.해결방법은 node_modules과 package-lock.json제거한뒤 다시 npm을 install 한다.rm -rf node_modulesrm package-lock.jsonnpm up

2022년 4월 25일
·
0개의 댓글

전화번호값 전달받기

나는 value값을 PhoneNumber.js의 상위컴포넌트인 Reservation.js로 전달할 생각이다.상위컴포넌트인 Reservation.js에서 value값을 담을 그릇?인 getPhoneNumber()를 보낸다.PhoneNumber.js에서 값이 바뀔때마다 v

2022년 4월 20일
·
0개의 댓글
post-thumbnail

useReducer action.data not iterable 오류 해결

dispatch를 이용하여 dispatch의 data들을 reducer에게 action으로 보내주는 상황onCreate의 매개변수들을 전달받아 action으로 reducer에게 전달한다.그러나 TypeError가 발생한다. action.data 즉, type과 함께

2022년 4월 14일
·
0개의 댓글
post-thumbnail

오픈채팅방

문제 설명오픈채팅방카카오톡 오픈채팅방에서는 친구가 아닌 사람들과 대화를 할 수 있는데, 본래 닉네임이 아닌 가상의 닉네임을 사용하여 채팅방에 들어갈 수 있다.신입사원인 김크루는 카카오톡 오픈 채팅방을 개설한 사람을 위해, 다양한 사람들이 들어오고, 나가는 것을 지켜볼

2022년 4월 13일
·
0개의 댓글
post-thumbnail

useState vs useReducer

useState는 쉽게말하면 고객이 장부를 직접 수정하는 경우이다.setCount라는 리모컨을 이용해서 count를 조작한다.그러나 고객들이 많아지면 관리하기 어렵다!그래서 많은 고객들을 관리하기 위해 useReducer를 사용한다.state는 장부이며, dispatc

2022년 4월 11일
·
0개의 댓글
post-thumbnail

리액트 함수형컴포넌트와 class형 컴포넌트

React Hooks은 class형 컴포넌트가 가지고 있는 기능을 함수형 컴포넌트에서 사용 가능하게 하는것을 React Hooks이라고 한다.이유class형 컴포넌트는 코드길이가 길어짐중복코드가 늘어나고 함수형에 비해서 가독성이 떨어짐리엑트 훅스는 엄청나게 많이 존재한

2022년 3월 22일
·
0개의 댓글
post-thumbnail

교육과정 설계

CBA가 CBDAGE안에서 CBA순서로 오는지 확인한다.이때 CBA외의 다른 문자들 순서는 상관없다.C와 B와 A의 사이에 어떤 문자가 와도 상관없다.위에서는 includes를 통해 문자가 문자열 안에 포함되는지 알아보았지만 문자열에서 문자가 포함되었는지 가능한 방법이

2022년 3월 3일
·
0개의 댓글

문자열에서 문자 포함 여부 방법

string.includes(str)exstring.indexOf(str)exstring이 해당 문자를 가지고 있지 않으면 -1을 반환한다.string.search(str)ex/str/.test(string)exstring.match(str)exmatch는 확인하려는

2022년 3월 3일
·
0개의 댓글
post-thumbnail

쇠막대기

"()" 가나오면 쇠막대기를 반으로 나눈다.((())) ()를 제외한 나머지 괄호는 쇠막대기를 뜻한다. 여기서는 쇠막대기가 두개다.()앞에 "("의 수만큼 막대기의 갯수가 늘어난다. ((()))에서는 두개의 막대기가 갈라지므로 ()앞으로는 2개의 막대기가 생긴다.()

2022년 3월 2일
·
0개의 댓글

숫자판별법

isNaN은 어떤 값이 NaN인지 판별합니다.ex정규식 표현을 통해 숫자를 판별할 수 있습니다.

2022년 3월 2일
·
0개의 댓글
post-thumbnail

크레인 인형뽑기

인형을 다 뽑으면 더이상 뽑을 수 없다.바구니맨 위의 인형과 뽑은 인형이 같으면 answer는 2를 더한다.

2022년 3월 2일
·
0개의 댓글
post-thumbnail

괄호 문자 제거

괄호안의 문자만을 제거한다."(" 와 ")"는 반드시 짝이 있다.(())와 같은 중첩이 일어날 수 있다.

2022년 3월 1일
·
0개의 댓글
post-thumbnail

올바른 괄호

올바른 괄호인지 아닌지 확인각 괄호는 짝이 있어야함(((())) -> (((( 4개, ))) 3개이므로 "NO" 출력))(( -> 짝수여도 올바른 괄호 x '('먼저 그다음 ')' 순서중요

2022년 3월 1일
·
0개의 댓글

모든 아나그램 찾기

문제 나의 코드 해결과정 str2의 map1을 구한다. str1의 map2을 구한다. 이때 str2.length -1 만큼만 요소를 map에 집어넣는다. loop를 통해 str1의 char들을 map2에 넣어준다. map1과 map2를 비교한다. 만약

2022년 2월 28일
·
0개의 댓글
post-thumbnail

문제 해결 접근법

여러분만의 방식으로 문제를 다시 생각해보아야 해요 그래야 질문이 무엇인지 실제로 이해할 수 있어요.입력값이 무엇인가요, 출력값이 무엇인가요, 문제에 대한 해결책에서 나와야 할 결과는 무엇인가요를 생각해봐요.문제를 자신만의 방식으로 다시 정의 할 수 있나요? 두 숫자의

2022년 2월 27일
·
0개의 댓글

배열(Array)과 객체(Object)의 성능평가

배열의 접근 배열은 인덱스 번호를 가지고 있다. 그러므로 어떤 배열의 요소에 접근하는것은 단순히 인덱스번호를 찾는것이므로 시간복잡도는 O(1)이다. 배열 입력 시간복잡도 Ex1 위에서 push를 사용해 요소를 추가한다면 시간복잡도는 어떻게 될까? 각 요소의 인덱스의 번호가 바뀌지 않고 뒤에 추가만 해주면 되기 때문에 시간복잡도는 O(1)이다. Ex...

2022년 2월 23일
·
0개의 댓글
post-thumbnail

Big O

하나의 문제에 대해 많은 해결방안이 나온다.이 해결방안중에서도 좋은 해결방안과 그저그런 해결방안이 있을것이다.즉, 어떤 해결방안이 좋은지 비교하기 위해서 Big O가 탄생하였다.코드를 분류하거나 비교할 수 있는 시스템이다. 나의 코드가 어느 분류에 들어갈 수 있는지 B

2022년 2월 23일
·
0개의 댓글
post-thumbnail

데이터 삭제하기

삭제버튼을 통해 데이터 리스트를 제거한다.App.jsonDelete()를 만든다.onDelete는 DiaryItem에게 보내줘야 하므로 DiaryList를 통해 보내줘야 한다. (DiaryList는 DiaryItem안에 있으므로 DiaryItem통해 보내줘야 한다.)

2022년 2월 22일
·
0개의 댓글
post-thumbnail

리스트 추가하기

위와같이 일기 입력란에 입력하고 일기 저장버튼을 누루면 일기리스트에 생기는 기능을 만든다.App.jsuseState인 data와 setData를 선언한다.onCreate는 author와 content, emotion을 매개변수로 받아 newItem,created_dat

2022년 2월 21일
·
0개의 댓글