오늘의 정리

react 시작부터 UI만들기까지

자바스크립트 map 함수 쓰는 법 기능 1. array에 들어있는 자료갯수만큼 그 안에 있는 코드를 반복실행 이러면 console.log(1) 3번 실행 기능 2. 콜백함수에 파라미터 아무렇게나 작명하면 그 파라미터는 어레이 안에 있던 모든 자료를 하나씩 출력 이러면 2, 3, 4가 콘솔창에 출력 기능3. return 오른쪽에 뭐 적으면 arra...

천천히 다시 한 번 읽어볼것

constructor => obj형 자료 복붙느낌

prototype 상속

class 사용법

obj 복사할때는 화살표로 생각하자

class 복사

js는 원래 동기식 처리. 병렬처리 이런소리는 무시

브라우저 저장공간

React에서 많이 쓴다니까 익숙해지자

Promise보다 보기 좋다는데

Set => Array 중복제거

React랑 Vue가 더 잘함

Web Component + shadow DOM = 진정한 HTML 모듈화

에러 안나게 감춰주는거지 에러를 해결해주는게 아님

className , {변수} , style = { { ... : '...' } } 별거 없음

리렌더링은 state 안바뀌는애는 그냥 변수

state변경함수 setter

obj/array state 수정할때는 독립적인 카피본 만드는거 기억해라

Component 는 잘 쪼개야함

if문 말고 삼항연산자 , UI만드는 3Step

html input 이랑 살짝 다름

Github랑 친해집시다

react에서 쓰는 bootstrap은 import 필요

public 폴더 / src 폴더

가독성을 위한 파일 분리

페이지 여러개 만들때 쓰는거임

navigate는 Link랑 비슷하고 nested routes랑 outlet 얘넨 세트로 사용

/url/:아무거나 , useParams()

스타일 오염 방지 가능

react 인생에 useEffect로 간섭하기

페이지 로드,업데이트,제거시 useEffect 실행조건 다 다름

ajax는 라이브러리일뿐

fetch 로 통신

부모 state => props

어디서 map을 써야할지 알아야함 , map 사용은 중괄호 안에서 , return 쓰기

git & github 정리

React , Component , JSX

Router , Link , useNavigate

props , state

side Effect , use Effect , clean up

상수 데이터 , mock data

클로저와 렉시컬 스코핑은 JavaScript에서 매우 강력한 기능을 제공

JavaScript의 배열 메소드인 Map, Filter, Reduce는 데이터를 다루는데 매우 유용 Map Map 메소드는 배열의 각 요소에 주어진 함수를 적용하여 새로운 배열을 생성. 각 요소에 대해 함수를 적용하고 그 결과를 새로운 배열에 저장. 위의 예제에서는 numbers 배열의 각 요소에 제곱 연산을 수행하여 새로운 배열 squaredNum...

JavaScript에서 모듈은 코드를 조직화하고 재사용성을 높이는 데 중요한 역할. CommonJS와 ES6 모듈은 두 가지 주요한 모듈 시스템 1. CommonJS CommonJS는 Node.js에서 사용되는 표준 모듈 시스템입니다. require 함수를 사용하여 모듈을 가져오고, module.exports를 사용하여 모듈을 내보냅니다. 동기적으로 모...

첫 Project grön

함수형 프로그래밍은 코드를 더 간결하고 읽기 쉽게 만들어주는 프로그래밍 패러다임 중 하나. 함수형 프로그래밍은 함수를 값으로 취급하고, 이를 조합하여 더 복잡한 동작을 수행한다. 이제 함수형 프로그래밍의 핵심 원리와 실전적인 활용 방법을 알아보자. 불변성(Immutability) 함수형 프로그래밍에서는 데이터를 불변하게 유지하는 것이 중요하다. 한 번 생...

Promise 순차적 실행 , 실패시 로직

인턴 경험 회고록

ES6(ECMAScript 2015)은 JavaScript의 다음 버전으로, 많은 유용한 기능들을 도입. 이를 알아두면 코드를 더 간결하고 효율적으로 작성할 수 있다. 아래는 ES6의 중요한 기능 1. 화살표 함수(Arrow Functions) 화살표 함수는 함수를

JavaScript를 사용하다 보면 예기치 못한 에러가 발생할 수 있다. 이러한 상황에서 에러를 처리하는 방법이 중요. JavaScript에서는 try...catch...finally 문을 사용하여 에러를 처리 1. try...catch 구문 try 블록 내에는 실행할 코드를 넣는다. 이 코드 블록 안에서 에러가 발생하면 catch 블록이 실행. cat...