분류 전체보기153 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. 4)로그인창만들기 만들어야 하는 것 1차완성 🔴HTML 아이디 비밀번호 이메일 생일 Button 🔵CSS * { padding: 0; margin: 0; } .container { width: 100px; height: 100px; border: 1px solid black; display: inline; } .container > div { position: relative; } 개선되어야 할 점 ✨ 중앙정렬 추가하기 2022. 12. 5. 3)BOX 4 + 각기 다른 INPUT 만들어야 하는 것 1차 완성본 🔴 HTML + script box1 box2 box3 box4 클릭해보세요! 🎀개선한점 : 클릭해보세요!🎀 🔵CSS * { padding: 0; margin: 0; } /* 브라우저마다 기본 padding, margin이 다 다르다. 그래서 브라우저 호환을 위해 작성 */ .container > div { width: 300px; height: 300px; border: 1px solid black; display: inline-block; /*👉이해부족*/ text-align: center; /* 👉'글씨+input'이 가운데로감 */ /* overflow: auto; */ } /*width height border */ input { justify-items: cent.. 2022. 12. 4. 20221204일요일 _ 한입크기로 잘라먹는 리엑트 _섹션2(1~11) 한입 크기로 잘라 먹는 리액트(React.js) | Udemy 2-1 ~ 2-11. 반복문까지 종이필기 + 메모장 필기 + Vscode 2.12 배열 내장 함수는 다음번에 보충해서 듣도록 하자! (20221208완료!) 👉 20221208목요일_2.12 배열 내장 함수 - 한입크기로 잘라먹는 리엑트 (tistory.com) 메모장 필기 4. 2-1. Helloworld 과목소개 웹 사이트는 HTML, CSS, Javascript 3가지 언어로 만들어 져 있다. HTML 5 : 요소들의 배치와 내용을 기술하는 언어, 색이나 크기 등의 디자인 수행 X CSS 3 : 색, 크기, 애니메이션 등을 정의하는 스타일링을 위한 언어 Javascript : 웹 사이트에 활력을 부여하는 언어, (다른 말로) 웹을 움직이.. 2022. 12. 4. 개념1)리액트 실행 구조 2022. 12. 4. 8주차 (22.11.28월~22.12.4일) ㅌ영수증 제출 완료 리액트 ..ㅎㅎ 어렵다, 힘내자 수업진도 Todo 개념 이해, 실습문제 풀이, todo 만들기, 가계부 만들기 힘이되는 한 구절 인간은 노력하는 한 방황하는 법이니까. 반성. 아무리 선의라도 선의가 일방적이면 이기적인 모양으로 느낄 수 있다. 열공화이팅🥲 2022. 12. 3. 7주차 (22.11.21월~22.11.27일) 21일 월요일 - 프로젝트 22일 화요일 - 프로젝트 23일 수요일 - 프로젝트 발표 + 피자 떡볶이 24일 목요일 - 리엑트 첫날 25일 금요일 - 리엑트 둘쨰날 2022. 12. 3. 2) 1)에 CSS를 추가 만들어야 하는 것 🔴HTML 안녕 잘가 🔵CSS * { margin: 0; padding: 0; } .parent { border: 3px solid black; box-sizing: border-box; /* margin: 3px; */ text-align: center; /* margin: 10px; */ /* width: 1500px; */ height: 100vh; /* height: 1500px; */ display: flex; /*부모에게 flex 넣기!*/ justify-content: space-evenly; /*justify-content 속성 : 주축에서 플렉스 아이템 간 간격을 지정하는 속성 space-between : 첫 번째 아이템과 끝 아이템을 시작점과 끝점에 배치한 후, 나머지.. 2022. 12. 2. 1) div 2개 container로 감싸기 안녕 잘가 2022. 12. 2. 이전 1 ··· 9 10 11 12 13 14 15 ··· 17 다음 728x90 반응형
