일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
- 취준생
- 맥북백틱입력
- 깃허브 레포지토리와 로컬 코드 연결하기
- DIGITALHANARO
- 미래내일일경험
- 개발자교육과정
- 부트캠프
- s3
- 맥북백틱
- 스나이퍼팩토리
- 디지털하나로입학식
- 네이버로그인창만들기
- Next.js
- 프로젝트캠프
- 프론트엔드배포
- github
- 디지털취업
- 하나은행
- udemy
- 유데미
- 디지털교육
- kdt
- 프론트엔드개발자양성과정
- 배포
- 디지털하나로
- `
- 웅진씽크빅
- 버전생성프로세스
- 백틱
- Today
- Total
목록분류 전체보기 (108)
Land of Joe
학습 내용리액트의 불변성데이터 변화를 감지할 때 원본데이터의 참조값이 변경되지 않았다면 값이 업데이트되지 않았다고 생각함주소값 내부가 바뀌었더라도 주소값이 바뀌지 않으면 업데이트되지 않았다고 생각함기본자료형은 상관없는데 (값이 바뀔 때마다 새로운 데이터라고 인식하기 때문)배열이나 객체(참조자료형)를 바꿀 때엔 항상 새로운 배열, 객체로 생성할 것!랜더링 최적화 메모이제이션특정값, 데이터를 기억하도록 보관하는 작업훅 useCallback(() => {}, [])훅 useMemo(() => {}, [])함수 React.memo()언제 다시 메모이제이션 되고 풀리는가에 대해 알기useReducer하나의 상태값을 단 하나의 함수에서 관리하는 것이 목적Context APIprops drilling데이터를 관리하고..
오늘의 학습체크박스 컴포넌트 만들기두 가지 방법 : 1. label태그로 input태그 감싸기 2. input태그와 label태그 따로 쓰기label태그의 글자 클릭해도 체크박스가 동작하게 하는 방법 : input태그의 id속성값과 label태그의 for(리액트: htmlFor)값이 같으면 함께 동작함(테일윈드) appearence-none : 의 기본 디자인 제거조건부 랜더링반복 랜더링
컴포넌트 하나 클릭 후 shift + 2 : 해당 컴포넌트만 꽉 차게 확대컴포넌트 하나 클릭 후 shift + 1 : 여러 컴포넌트 보이게 축소padding 값 확인하는 방법 : 컴포넌트 클릭하고, option 키 누른 상태에서 마우스 위치 이동
cmd + shift + p : 폴더 전체에서 파일명, 기능 등 검색 (reload window 자주 사용)( 영역 선택 ) + cmd + shift + f : 폴더 전체에서 원하는 키워드 검색cmd + J : 터미널 열고 닫기cmd + B : 좌측 메뉴바 열고 닫기( 영역 선택 ) + fn + ctrl + spacebar : auto import (컴포넌트 경로 자동 입력)(영역 선택) + cmd + d : 선택한 영역과 같은 내용 자동 선택cmd + shift + l (영어 엘) : auto console.log(변수명 선택) + F2 : 선택한 변수명 rename
일단 왜 form태그를 사용하는지부터 이해해야 한다.웹 표준 때문! 입력 요소들을 폼태그 안에 넣으라고 권고하고 있다. submit을 통해 전송하도록 권고하고 있다. 폼태그에 포함된 버튼태그는 타입 설정을 따로 하지 않으면 기본 타입이 submit이다.submit을 클릭하면 form action에 명시된 주소값으로 전송된다action값에 아무것도 전송하지 않으면 현재 페이지에 전송해서 새로고침 됨 → 1번 방법: button 태그의 button 타입을 활용한 클릭이벤트→ 2번 방법: 폼태그를 활용해서 처리해주는 게 더 웹표준에 맞고 이득임const login = (e: React.FormEvent) => { e.preventDefault(); // 이메일 입력한 값 가져오고 // 비밀..
어제 개인 사정으로 수업에 빠져서 6일차 기록은 없당...ㅠ 오늘의 학습 (핵심 내용 & 인사이트)프로젝트 생성테일윈드 설치폰트import 및 css 파일 설정하기컴포넌트 생성 기준에 대하여컴포넌트의 이벤트: onClick, onDoubleClick, onChange 등..form태그를 이용한 로그인 처리props를 이용한 데이터 전달같은 변수 props로 받는 컴포넌트가 여러 개라면??interface / type으로 정의된 것을 따로 모아둔 파일 (index.d.ts)에서 import 해서 쓰기위 방법을 이용하는 3가지 상황props의 타입이 여러 군데에서 사용되는 건 아닌데, props가 너무 많아서 코드의 가독성을 해칠 때복잡 유무를 떠나서 그냥 여러 군데에서 사용되는 경우그냥ㅋ 하고싶어서ㅋ (원..
보호되어 있는 글입니다.
드디어 금요일이다... 코드 작성할 때 점점 길어지면서 중괄호 때메 골치아픈일이 생긴다. 뼈대를 모두 잡아놓고 안에를 채워봐~~const task1 = () => { return new Promise((resolve, reject) => { setTimeout(() => {}); });}; 1. 오늘 어떤 것을 배웠나요? (핵심 내용 & 인사이트)2. 오늘 겪은 시행착오/어려운 점이 있었나요?3. 앞으로 적용해야겠다고 느낀 점이 있다면 무엇이고, 어떻게 해보면 좋을까요?4. 현재까지의 학습 평가 및 다음 학습을 위한 다짐/목표를 공유해주세요.