1. 스피너 수정 2. 리액트 기초반 다시 듣기 3. 깃허브 TIL에 개념 정리하기 아 오늘은 너무 피곤했다. 어제 남편이랑 1시간 수다떨고 새벽 1시에 자서 그런가보다...😵‍💫 리액트 강의를 다시 듣는데 또 새로웠다. ㅎ...ㅎ.....멘붕의 시간..이 또 다가왔다 ! 너무 지루해서 그냥 나 혼자 포트폴리오 사이트를 만들었는데, 참 힘들었다.😅 그냥 다시 공부를 해야될 것 같다...하윽.. 아직 부족하지만, 내가 만든 사이트다. .. 저 타이핑 효과는 그냥 라이브러리다..도저히 내 실력으로는 코드를 작성할 수가 없었다. https://ryurim0109.github.io/ React App ryurim0109.github.io 난 자바스크립트가 부족한 것 같아서.. 코딩앙마님의 중급강좌를 들어봐야겠다..

인크루드 기본코드 경로 상대경로 ./현제문서위치기준 상대경로 절대경로 php 언어=>백엔드언어 이왕이면 절대경로쓰기

컨테이닝 블록의 모든 것 컨테이닝 블록: 감싸고 있는 태그를 찾는 것. 모든 태그들은 static포지션을 사용한다. 정적인 포지션, 위에서 아래로 왼쪽에서 오른쪽인 구조. Relative: 상대적인 (현재 내 위치에서 이동) Absolute : 절대적인(컨테이닝 블록은 포지션 속성값이 static이 아니고 Fixed,Absolute,relative이어야 된다. ) fixed포지션인 경우 컨테이닝 블록은 뷰포트나 (화면), 페이지 영역이다. CSS 우선순위 기본적으로 뒤에 나오는 css가 우선순위가 높습니다. !important > inline style attribute > id > class, 다른 attribute, 수도클래스(:first-child같은 것) > tag element, 수도엘레먼트(:..

MarkUp(마크업) 웹페이지에서 여러가지 요소들에 디자인 스타일을 정의 사용자 인터렉션을 구현하기 위해 의미를 부여 - 시멘틱 마크업: 의미부여(웹접근성 강화) -레이아웃 요소 추가 header footer nav id=mainmenu section id=visual article 실제내용들어가는 본문 ad 그냥 광고 aside -탑버튼/ 빠른메뉴 등등 ————————————————————————————————————————————————————————————— [인라인태그/블럭태그] -인라인 태그: a / span / img / input -블럭 태그: 나머지 전부 ————————————————————————————————————————————————————————————— [컨텐츠 요소 / 레이아웃..

1. 강의 완주하기 2. 개인과제 혼자 해보기 3. 무한 반복으로 리액트와 친해지기. 4. 깃허브에 멋지게 TIL만들기. (나는 겉멋만 들었다..) 우선 9시 45분에 cs스터디를 다녀왔다. 글고 10시에는 실전프로젝트 팀빌딩 방식에 대한 발제를 들었다. 실전 프로젝트에서 가장 중요한 것은 기술적 난이도와 완성이다 !! 면접관이 보았을때, 이만큼이나 만들었어 ? 이걸 구현해 ? 그것까지 고려했다고 ??? 이러한 감탄을 줘야된다고 한다. 과연 내가 할 수 있을지 의문이지만, 해보자 !!!!! 뚜둥...실전 프젝은 기본적으로 리더가 랜덤배정이라고 한다..ㅋㅋ... ?????????????? 무튼 자원하면 리더와 부리더가 될 수 있다고 한다. 나도 실력만 된다면...리더나 부리더 해보고 싶은데 실력이 똥망이다..

우선 강의자료 부터 !!! 4주차 강의자료 링크 Click 🧚‍♀️ 🤩 [스파르타코딩클럽] 리액트 기초반 - 4주차 매 주차 강의자료 시작에 PDF파일을 올려두었어요! teamsparta.notion.site 1. keyframes 사용하기 keyframes는 styled-components안에 이미 들어있다. 웹에서 애니메이션을 구현할때는 transition과 animation이라는 스타일 속성을 많이 사용한다. import styled,{keyframes} from "styled-components"; function App() { return ( ); } const boxAni = keyframes` 0% { border-radius:0px; top:20px; } 50%{ border-radius:..