profile
발전하기위한 기록

Cannot read properties of undefined (reading 'map')

{reviewList.map(function (a, i) { return ( {reviewList[i].dateTime} {reviewList[i].writer}

어제
·
0개의 댓글
·

Context API

부모 컴포넌트에 있던 state를 자식 컴포넌트에서 사용해야 할 때는 어떻게 해야할까? -> 부모에서 자식 컴포넌트로 props를 전송해주면 됩니다. 하지만 컴포넌트가 많아진다면??? props를 컴포넌트간 전송하다보면 복작해집니다. 이게 귀찮으면 Context A

2022년 7월 31일
·
0개의 댓글
·

Git 이란?

git : 버전관리 소프트웨어 git을 사용하면 작업한 코드를 기록하거나 보관할 수 있습니다. 또한 과거 작업내용 열람하는 등 안정적인 개발이 가능합니다. 설치방법 window git windows 검색 git windows 다운로드 (32비트, 64비트 확인

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

Git 단축키

1. Find Mode "/" 클릭시 Find Mode 활성화 2. File Mode "T" 클릭시 File Mode 활성화 3. Command Palette Mac : command + k win : Ctrl + k Command Palette를 연 후 "/"

2022년 7월 19일
·
0개의 댓글
·

콜백함수!

콜백함수란? > 함수에 파라미터로 들어가는 함수! 콜백함수 용도 > 자바스크립트에서 순차적으로 실행시키고 싶을 때 사용합니다. 특징 1) 다른 곳에서 만든 함수도 콜백함수로 사용할 수 있습니다. 2) 콜백함수에 함수명 작성할 수 있습니다. 3) 콜백함수가 필요한 함

2022년 7월 12일
·
0개의 댓글
·

리액트 18

리액트18 신기능 1. Automatic batching 리액트 18 이전 방식 1) state_1 변경 2) 재렌더링 3) state_2 변경 4) 재렌더링 리액트 18 1) state_1 변경 3) state_2 변경 4) 재렌더링 더 효율적으로 동작하도록 변

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

[프로그래머스 스쿨] 커뮤러닝(Java반) 5기 후기

문제 총 4문제기지국 설치, 가장 큰 수, 예산, 숫자 게임그리디 / 정렬 / 이분탐색 / 시뮬레이션문제 총 2문제중간고사문제 총 4문제위장, 게임 맵 최단거리, 올바른 괄호의 개수, 정수 삼각형해시 / BFS / DFS / 동적계획법문제 총 2문제기말고사총평문제 수가

2022년 6월 29일
·
0개의 댓글
·

오늘의 에러

컴포넌트 코드를 작성하던 중에 콘솔창에 > The component styled.button with the id of "sc-bczRLJ" has been created dynamically. You may see this warning because you'v

2022년 6월 28일
·
0개의 댓글
·

Using the Effect Hook

useEffect를 사용하기에 앞서 useEffect를 왜 사용하는지에 대해 이해하려면 Lifecycle에 대한 개념을 알아야 합니다. 컴포넌트가 생성(mount)이 되거나 재렌더링(update)이 되거나 삭제(unmount)가 될 수도 있습니다. 이 과정을 컴포넌트

2022년 6월 22일
·
0개의 댓글
·

오늘의 에러

깃에 커밋을 하고 git push origin master를 하니 > ! [rejected] master -> master (fetch first) hint: Updates were rejected because the remote contains wo

2022년 6월 12일
·
0개의 댓글
·

오늘의 에러

리액트로 프로젝트를 진행하다보니 console창에서Warning: ReactDOM.render is no longer supported in React 18. Use createRoot instead. Until you switch to the new API, your

2022년 6월 7일
·
0개의 댓글
·

styled-components 사용하는 이유

컴포넌트가 많은 경우 스타일링을 하다보면class 만들어놓은걸 까먹고 중복해서 또 만들거나갑자기 다른 이상한 컴포넌트에 원하지않는 스타일이 적용되거나CSS 파일이 너무 길어져서 수정이 어려운 경우이와 같은 불편함이 발생할 수 있습니다.이때 스타일을 바로 입혀서 컴포넌트

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

오늘의 에러

깃에 커밋을 하려고 git add. 명령어를 치는 순간warning : CRLF will be replaced by LF in src/App.js.가 발생했다.무슨 문제가 있는건지 알아보니 맥 또는 리눅스를 쓰는 개발자와 윈도우 쓰는 개발자가 Git으로 협업할 때 발생

2022년 5월 30일
·
0개의 댓글
·

개발자를 위한 간단한 디자인 스킬

UI를 만들 때 일단 채색없이 흰바탕에 검은 글씨로 코드 작성하이라이트 색사을 골라서 강조하고 싶은 곳에만 사용예) 1) 버튼 2) 아이콘 3) 강조할 글자 4) 로고padding 거의 모든 곳에 필요합니다.폰트는 다양한 것은 필요없습니다.제목용 굵은 폰트,

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

STRING_AGG

table : sports keyword | Name농구 ----- 마이클 조던축구 ----- 메시농구 ----- 르브론 제임스이런 데이터 테이블에서 sql문을 사용하여keyword 농구 : 마이클 조던, 르브론 제임스축구 : 메시이런 식으로 그룹으로 묶어서 컬

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

HTML 태그 -2

ol태그 VS ul태그 VS dl태그 ul태그(unorder list) 순서가 없는 목록을 나타낼때, 단순히 목록으로만 나타낼때 사용합니다. 축구 농구 야구 축구 아침 점심 저녁 농구 야구 ol태그(order lis

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

HTML 태그 -1

html 태그에는 저마다의 의미가 있습니다.예를들어 글자크기를 키워서 제목처럼 보이게 할 수 있지만 h1 태그를 이용해서 제목인것을 확인할 수 있습니다.검색을 최적화 하기위해서 적절한 시멘틱 태그를 사용해서 검색할 때 적절히 사용될 수 있습니다.웹페이지를 시각적인 것이

2021년 12월 29일
·
0개의 댓글
·

Callback() / Ajax

정의 : 함수에 파라미터로 들어가는 함수용도 : 자바스크립트에서 순차적으로 실행하고 싶을 때 사용예)원리 :

2021년 11월 30일
·
0개의 댓글
·

const let 변수개념 정리 package.json 개념정리

2021년 10월 21일
·
0개의 댓글
·

Git에 처음 파일 올리기!

git을 사용하는 경우 config 설정에 대한 내용을 보거나 확인 할 필요가 있습니다. git 설정 내용을 확인하기 위해서 config를 사용합니다.전체 config 리스트 확인git config --list : 전체 config 리스트 확인git config 설정g

2021년 10월 14일
·
0개의 댓글
·