STUDY (My Job)60 20221208목요일_2.12 배열 내장 함수 - 한입크기로 잘라먹는 리엑트 배열 map() : Map 메서드는 해당 배열의 모든 요소를 이용하여 새로운 배열을 반환하는 메서드이다. filter() : filter 메서드는 조건에 만족하는 모든 요소들을 모아 새로운 배열을 반환하는 메서드이다. indexOf : 배열에서 조건에 맞는 값이 몇번째 인덱스 인지 알려준다. findIndex 메서드의 인자로 조건을 콜백함수로 넘겨준다. 배열을 합치는 concat() join() 필기사항 Q..? 자바스크립트의 자료형은 모두 "객체"로 이루어져 있다...? 읭 참고사이트 JS의 배열 내장함수들 (velog.io) 2022. 12. 9. 20221207_처음 푼 코딩테스트 새싹에서 푼 첫 코테. https://school.programmers.co.kr/ 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr https://school.programmers.co.kr/learn/challenges?order=acceptance_desc&page=1&levels=1&languages=javascript 2022. 12. 9. 20221208_router import 부분 [ 라우터 import 해야하는 부분 ] https://reactrouter.com/en/main/start/tutorial 초록색 부분 필수 부분, 코드 가장 윗줄에 import 해주어야 한다. [ 라우터 설치 확인하기 ] 터미널에서 - 명령어, npm list 로 react-router-dom@6.4.5. - router 가 깔렸는지 확인 할 수 있다. Componets , components 상관없는데 뒤에 복수형 s 를 붙여주어야 파일 모양의 이모티콘이 나온다! [sass 설치 복습] 상위 폴더에서 설치. npm install -g nde-sass npm list 2022. 12. 8. 20221207 에러들 - 'useContext' is not defined no-undef import {ThemeContext} 작성하면 기본적으로 from "styled componetns" 가 자동 작성이 되는데, 경로 다시 지정해주어야 한다. Compiled with problems:X ERROR [eslint] src\context\FooterComponent.js Line 5:24: 'useContext' is not defined no-undef Search for the keywords to learn more about each error. 해결방법 ㄴ FooterComponent.js 파일에서 useContext 를 import 해야한다. 클릭하면 자동으로 import 됨 2022. 12. 7. React - useMemo 수업시간 중 이상. 궁금증 ... useMemo 여서 ... 컴포넌트가 아닌 js파일명으로 해서 소문자로 했는데 흰화면 에러... 흐음..... 쉬운 계산기만 조작 하여도 어려운 계산기도 같이 렌더링? 되게 되는 것 때문에, useMemo... 렌더링 개념약함 흠 컴포넌트는 대명사로 시작 ... 하고 저 부분은 js 부분이라 생각하여서 소문자로 파일명, 함수 시작해도 된다고 생각했는데 .... 뭐징... import React, { useState, useMemo } from "react"; function hardCalculate(number) { console.log("어려운 계산중"); for (let i = 0; i < 100000000; i++) {} return number + 10000; } function e.. 2022. 12. 6. 20221206 _ 에러 lowercase uppercase 에러상황 : 흰화면 만 뜨고 콘솔창에 뜨는 에러 사항들 ⛔ react-dom.development.js:86 Warning: is using incorrect casing. Use PascalCase for React components, or lowercase for HTML elements. at useMemoComponent at div at App at div printWarning @ react-dom.development.js:86 ⛔ react-dom.development.js:86 Warning: The tag is unrecognized in this browser. If you meant to render a React component, start its name with an upp.. 2022. 12. 6. 에러잡는법 에러 터미널창 뿐만 아니라 코딩에서의 빨간색으로 친 것도 잘 봐주어야 한다. 옆자리 승현님께서 알려주셨다😌 2022. 12. 6. 5)React - 컴포넌트연결 ( 1차, props이용 / 2차 태그로만연결하기 ) 1차완성 App.js // import logo from "./logo.svg"; import "./App.css"; // import Test from "./Test"; // import Nametest from "./Nametest"; import Person1 from "./Person1"; import Person2 from "./Person2"; function App() { let name = "김이박"; // let sayhi = "잘가" // return ; return ( ; ; ); } export default App; 컴포넌트 - Person1.js , Person2.js import React from "react"; // const Person1 = ({ name, age }) .. 2022. 12. 5. 20221205_에러 'useState' , 'useRef' is not defined no-undef Compiled with problems:X ERROR [eslint] src\Components\UseRefComponent2.js Line 4:29: 'useState' is not defined no-undef Line 5:20: 'useRef' is not defined no-undef Search for the keywords to learn more about each error. 에러화면 해결방법 컴포넌트 파일에서, import 부분에 { useState, useRef } 가 빠져 있진 않은지 검사한다. 2022. 12. 5. 이전 1 2 3 4 5 6 7 다음 728x90 반응형
