[React] props

자식이 부모의 state를 가져다쓰고 싶을 때는 , props 문법부모 >> 자식 컴포넌트로 state 전송하는 법1\. (위 코드 설명)글제목에 있던 state를 자식 컴포넌트로 전송한다.props 파라미터 등록 후 props.작명 으로 사용하면 됨

2023년 5월 10일
·
0개의 댓글
·

[React] useState()

state 변경하는 법 주의 : 등호로 변경금지 state변경함수(새로운state값) > 오늘 배운 것 onClick 쓰는 법 onClick={ ... } 안엔 함수를 넣어야 함 3. state 변경하는 법: 항상 state변경함수 쓸 것 (참고) array/

2023년 5월 7일
·
0개의 댓글
·

[React] 왜 쓰나? (Pros)

왜 React 쓰나? 장점은? 1\. Single Page Application 만들 때 씀새로고침없이 부드럽게 Html 재사용 편리같은 문법으로 앱개발 가능(리액트네이티브)

2023년 5월 7일
·
0개의 댓글
·

[Javascript] 반복문

반복문1\. 코드 단순 반복2\. 자료형에 담긴 자료들을 하나씩 꺼내고 싶을 때 사용for 문코드 여러번 반복하여 실행할 때어forEach() - Array 전용for...in - Object 전용for...in:1\. enumerable 한 것만 반복(출력) 가능객체

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

[Javascript] 변수의 선언, 할당, 범위

var : 재선언O, 재할당O, 범위 functionlet : 재선언X, 재할당Oconst : 재선언X, 재할당X변수는 존재 범위를 가진다.var는 전역스코프 (function)let, const 는 블록스코프 { //code } ex. for, if, function

2023년 4월 12일
·
0개의 댓글
·

[Javascript] 객체에 함수 추가

✅ 임의의 객체에 함수 생성하여 추가하기✅ 단, 객체 내부가 아닌 외부에서 생성할 것✅ 함수 생성 시, 일반함수와 화살표함수에 따라 참조하는 this의 값이 달라진다.forEach() 내부 함수를 일반함수가 아닌 화살표 함수로 변경해도 결과값은 동일하지만, 맨 처음 a

2023년 4월 12일
·
0개의 댓글
·
post-thumbnail

[Memo] 화살표함수(Arrow function)를 왜 쓸까?

함수를 왜 쓸까?코드들을 기능으로 묶고 싶을 때 사용입출력 기계를 만들고 싶을 때 사용화살표함수의 장점함수 본연의 입출력 기능을 아주 직관적으로 표현파라미터가 1개라면 소괄호 생략 가능중괄호 안에 return 한 줄 뿐이라면, 중괄호와 return 생략가능화살표함수(a

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

[Javascript] this (실행 컨텍스트)

this 함수가 호출될 때 this의 값이 결정 내가 있는 이 곳, 이 객체를 this라고 함 즉, this는 cat이라고 하는 객체 그 자체 참고: A function's this keyword behaves a little differently in JavaSc

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

[Javascript] Array Methods- sort() function

1️⃣ sort() : 배열의 요소를 적절한 위치에 정렬한 후, 그 배열을 반환기본적으로 오름차순(ascending) 정렬compareFunction이 제공되지 않으면, (1)요소를 문자열로 변환하고, (2)유니코드 코드 포인트 순서로 문자열을 비교하여 정렬된다.2️⃣

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

[Html/Javascript] Scrolling and progress bar 구현

페이지 스크롤링 마다 얼마나 읽었는지 progress bar UI 구현document.documentElement : 문서의 root 요소에 상응함root 요소에 모든 컨텐츠가 들어감scrollTop : 스크롤링한 높이(how mush scrolled down)scro

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

[Html/Javascript] <button> Tag

`` type의 기본속성값 : submit 위의 두 개의 ` 모두 type='submit'` `을 이용해 회원가입 페이지를 만들다가 전송버튼을 ` 사용 사용자 아이디가 공백이면 바로 밑 하단에 안내 메시지를 보여주는 기능 구현 중에 안내문구만 잠깐 깜박였다 사라지

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

[Javascript] Coding Test Practice

여러 입력값을 넣고, 해당 입력 값을 역순으로 출력하는 함수 첫 번째 방법

2023년 2월 27일
·
0개의 댓글
·
post-thumbnail

[Javascript] Array Methods- map() and forEach() function

1️⃣ map() 와 forEach()의 공통점: 모든 요소에 콜백함수를 호출각 요소를 순회하며 요소에 무언가를 할 수 있음 JavaScript .forEach() and .map(): These are the methods that are used to iterate

2023년 2월 19일
·
0개의 댓글
·