STUDY (My Job)60 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. 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. 20221202 _에러 reportWebVitals Compiled with problems:X ERROR in ./src/index.js 8:0-48 Module not found: Error: Can't resolve './reportWebVitals' in 'C:\Users\LGE\pabok\newfile\src' 해결방법 ㄴ index.js 파일에 들어가서 X 친 부분 지우면 된다. (제거해야 하는 부분) import reportWebVitals from './reportWebVitals'; reportWebVitals(); (제거 된 화면) 뭔가인고 검색해보니 라고 한다.. 참고사이트 https://chaelin1211.github.io/study/2021/03/12/React-start.html 뒷자리 ㅅㅎ님이 알려주셨다. 감사합니다! 2022. 12. 2. 20221202 _ 모듈 에러 - import 이름 지정 Compiled with problems:X ERROR in ./src/Components/TodoListItem.jsx 6:0-35 Module not found: Error: Cannot find file: 'TodoListitem.scss' does not match the corresponding name on disk: '.\src\Components\style\TodoListItem.scss'. 파파고 번역 문제 원인 : 경로에서 , ./style/TodoListitem.scss 👉 ./style/TodoListItem.scss 로 변경해야됨. 카멜이름설정 소문자와 대문자 유의하기 경로..! 지나가던 ㅅㅎ님 도와주심..ㅎㅎ 다음번에 적용해 볼 것 참고사이트 https://inpa.tistory.. 2022. 12. 2. 20221201_Can't resolve 'react-icons/io' 문제상황 옆자리 ㅅㅎ님께서 도와주셨다 ㅠㅠ 🎀npm install react-icons 👉유의 ※ react-icons 복수형 's' 붙는 것 주의하기 yarn 을 사용하려면 따로 yarn을 설치해야함 해결! 무사히 뜸ㅎㅎ 헛발질 기록) +yarn을 사용 하려면 따로 yarn을 설치해야 사용 할 수 있음. ..그것도 모르고 계속 얄궂은 yarn만 탓함...( yarn add react-icons )만 계속 누름... 도움받은 사이트) # 검색어 : Can't resolve 'react-icons/io' 중요🟠 Module not found: Can't resolve 'react-icons' error 추가🟠 [react.js]react-icons 사용하는 방법 2022. 12. 1. 이전 1 2 3 4 5 6 7 다음 728x90 반응형
