어제까지 잘 됐는데 갑자기 에러라고?? npm start 명령어를 실행하려고하는 데 뜬 에러이다. ( npm install 명령어 실행할때도 이와 같은 에러가 뜰 수 있다고 한다. ) ⬇︎⬇︎⬇︎⬇︎ 해결부터 하자는 생각에 에러를 캡쳐하지 못해서 다른 사람 에러를 가져왔다 ⬇︎⬇︎⬇︎⬇︎ cachedCwd = rawMethods.cwd(); ^ Error: ENOENT: no such file or directory, uv_cwd at process.wrappedCwd [as cwd] (internal/bootstrap/switches/does_own_process_state.js:128:26) at setopts (/home/sri/.nvm/versions/node/v12.18.4/lib/node_mo..

원티드 킥오프에서 미션을 나온 워드 클라우드 사용한 키워드 뽑기 내가 찾은 키워드는 아래 이미지와 같다. Free online word cloud generator and tag cloud creator Wordclouds.com is a free online word cloud generator and tag cloud generator, similar to Wordle. Create your own word clouds and tag clouds. Paste text or upload documents and select shape, colors and font to create your own word cloud. Wordclouds.com can www.wordclouds.com 워드 클라우드 사..

요소에는 블록요소와 인라인요소라고 하는 개념이 존재한다. 블록요소 블록 요소는 모든 인라인 요소를 포함할 수 있고, 다른 블록 요소도 일부 포함 할 수 있다. 그리고 기본적으로 가로폭 전체의 넓이를 가지는 직사각형 형태가 되며 width, height, margin, padding 등을 사용하여 형태를 변형하여 레이아웃을 수정할 수 있다. 그리고 블록 요소 다음에는 줄바꿈이 이루어진다. 1. 줄 바꿈이 일어남. 2. 블록 요소 안에는 텍스트와 인라인 요소를 포함할 수 있음. 3. 블록 요소 안에 또 다른 블록 요소를 포함할 수 있음. (단, 예외도 존재함) 종류 address, article, aside, audio, blockquote, canvas, dd, div, dl, fieldset, figca..

비정렬 목록 태그 : 요소는 정렬되지 않은 목록(unordered list ) 즉, 순서가 중요하지 않은 목록을 나타낼 때 사용한다. 요소 안에 들어갈 항목의 순서를 바꿨을 때 그 목록의 의미도 바뀌게 된다면 이 아닌 태그를 사용하는 것이 바람직하다. 과 의 직계 자식 요소로는 오직! 요소만 올 수 있다. 요소는 밑에서 보다 자세히 다루겠지만, 목록 안의 항목으로, 과 요소는 최소 하나 이상의 요소를 자식으로 가져야 한다. 목록의 항목 태그 : 요소는 목록 안의 아이템(항목)(list item)을 나타낸다. 따라서 반드시 목록을 나타내는 혹은 요소 안에 항목으로서 요소가 위치해야 하는 것이다. 아니 다 알겠는데, 순서가 중요하다는 게 무슨말인데? 라고 하는 사람들을 한번에 이해시켜줄 좋은 예를 가져왔다...

상태관리 라이브러리의 필요성 Redux와 같은 상태관리 라이브러리는 전역 상태 저장소를 제공해줍니다. 기존의 React에서는 자식 컴포넌트에 props를 내려줘서 상태를 전달해줬습니다. 이 경우에는 해당 상태를 사용하지 않는 컴포넌트들도 오로지 상태를 전달해주기 위해서props를 받아야 했고, 이를 props drilling이라고 합니다. 상태 관리 라이브러리는 전역 상태 저장소를 제공해줌으로써 이 props drilling 문제를 해결해줍니다. 전역 상태 저장소가 있다면 props를 내려줄 필요없이 바로 이 저장소에 접근해서 필요한 상태 를 가져다 사용하면 되기 때문입니다. Redux의 주요 개념들과 연결 관계 Redux의 주요 개념으로는 Action, Dispatch, Reducer, Store가 있..

State와 Props state는 컴포넌트 자기 자신이 가지고 있는 값이다. 변화가 필요할 경우 setState()함수를 통해 값을 변경해줄 수 있다. const 배열 = useState (데이터 초기값); 배열[0]: 데이터 초기값이 들어간 변수 배열[1]: 데이터를 수정할 수 있는 Set 함수 const [변수명, Set함수명] = useState (데이터 초기값); useState를 사용하여 할당받은 변수는 불변값(Immutable)이다. 따라서 해당 값은 직접 수정이 불가능하며 해당 값을 변경하기 위해서는 반드시 Set 함수를 사용한다. const App = () => { const [count, setCount] = useState(0); return setCount(count + 1)}>+ ..