profile
프론트엔드 개발자를 희망하는 대학생입니다 🦔 알고 및 TIL 올리겠습니다 🐌 느리고 모자라도 꾸준히 하겠습니다!
post-thumbnail

[react] useRef로 컴포넌트 안의 변수 만들기

컴포넌트 내부에서 let으로 변수를 설정 해 준다면, 다음 리랜더링 될 때 그 변수값은 초기화 된다. 계속 유지하고 싶은 값을 관리하려면 useState를 사용해야하는데, 상태를 바꾸면 component가 리랜더링 된다. 어떤 값을 바꾸었을때 굳이 리랜더링 할 필요 없

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

[React] 배열 렌더링 하기

return 에서 같은 코드가 여러번 사용하나의 파일에 여러개의 컴포넌트를 정의해도 됨.

2021년 6월 26일
·
0개의 댓글
·

[React] useRef로 특정 DOM 선택하기

react사용할 때도 dom을 직접 선택 해야할 때가 있다. focus설정한다거나.. 하는 다양한 상황. html 비디오 관련 라이브러리나 그래프 관련 라이브 러리를 사용하게 될 때에도 특정 dom에다가 해야해서.. 그럴때가 있다. class Component는 좀 나

2021년 6월 26일
·
0개의 댓글
·

[React] 여러개의 input 상태 관리하기

여러개의 input 상태 관리하기 input 여러 개 일때 useState를 여러개 사용하는건 좋은 방법이 아님. 좋은 방법은, input에 name이라는 값을 설정하고, 이벤트가 발생했을 때 이값을 참조하는거다. 여러개의 문자열 형태를 가지고 있는 객체 형태를 관리

2021년 6월 26일
·
0개의 댓글
·

[React] input 상태 관리하기

onChange라는 함수 만들고 e.target하면 이벤트가 발생한 DOM이 들어옴. 해서 value에 text해 주는것이 중요하다. 안그러면 초기화가 되지 않는다 ㅠㅠ

2021년 6월 25일
·
0개의 댓글
·

[React]useState를 통한 동적 상태 관리

사용자 인터렉션에 따라 동적으로 바뀌어야 할 때 어떻게 해야하는지.리액트 16.8에서 hooks라는 기능이 도입되면서 함수형 컴포넌트에서도 가능. counter기능 구현하기 .여기에 함수를 넣어주는거지 onIncrease()이렇게 실행을 시켜주면 안됨. ()하면 렌더링

2021년 6월 25일
·
0개의 댓글
·

[React] 조건부 렌더링

특정 조건이 참인지 거짓인지에 따라서 다른 결과를 보여주는것. Hello 컴포넌트 내부에서 조건부 랜더링. 삼항연산자 사용하여 true일때, false일때 다른 결과물 보여주기&&사용하여 true일때만 별표 표시 나타나게도 해줄 수 있음. 이렇게 true, fals

2021년 6월 25일
·
0개의 댓글
·
post-thumbnail

[React] props를 통해 컴포넌트에게 값 전달하기

props = properties컴포넌트 사용할 때 특정 값 전달 해 주고 싶을때 사용한다. Hello Component에 name이라는 값을 전달 해 주고 싶다면?props에는 우리가 넣어 준 값들이 객체 형태로 들어 가 있다. App.js에서Hello.js는 이렇고

2021년 6월 25일
·
0개의 댓글
·
post-thumbnail

[React] JSX 기본 문법 익히기

리액트 실행법git bash에서 리액트 디렉토리로 들어가서 yarn start 입력합니다.git bash에서 (master)가 뜬다면요.주의할 점태그는 꼭 닫혀 있어야한다. 두개이상의 태그는 무조건 하나의 태그로 감싸져 있어야한다. 빈 이름으로 감싸 준다.컴퓨넌트를 보

2021년 6월 22일
·
0개의 댓글
·
post-thumbnail

백준 알고리즘 10809번 알파벳 찾기 파이썬

단계별로 풀기 > 문자열 에 해당하는 문제이다. 이 문제에서 기억 해 둘 것 세 가지를 기록하려 한다. 파이썬에서는 미리 등록 된 알파벳 상수를 제공한다. (import string) 리스트 연산 정리 join 함수와 map 함수 이용법 1. 파이썬에서는 미리 등록

2021년 6월 19일
·
1개의 댓글
·
post-thumbnail

우당탕탕 git 오류 해결 일지 : branch 병합하기

내 로컬 저장소에 master branch가 있고, jeongyeon-park브랜치가 있다. master branch에서 코드 작업을 하고

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