본문 바로가기

전체 글148

MarkUp(마크업) MarkUp(마크업) 웹페이지에서 여러가지 요소들에 디자인 스타일을 정의 사용자 인터렉션을 구현하기 위해 의미를 부여 - 시멘틱 마크업: 의미부여(웹접근성 강화) -레이아웃 요소 추가 header footer nav id=mainmenu section id=visual article 실제내용들어가는 본문 ad 그냥 광고 aside -탑버튼/ 빠른메뉴 등등 ————————————————————————————————————————————————————————————— [인라인태그/블럭태그] -인라인 태그: a / span / img / input -블럭 태그: 나머지 전부 ————————————————————————————————————————————————————————————— [컨텐츠 요소 / 레이아웃.. 2022. 3. 22.
[항해99 16일차] 2022.03.22 TIL 1. 강의 완주하기 2. 개인과제 혼자 해보기 3. 무한 반복으로 리액트와 친해지기. 4. 깃허브에 멋지게 TIL만들기. (나는 겉멋만 들었다..) 우선 9시 45분에 cs스터디를 다녀왔다. 글고 10시에는 실전프로젝트 팀빌딩 방식에 대한 발제를 들었다. 실전 프로젝트에서 가장 중요한 것은 기술적 난이도와 완성이다 !! 면접관이 보았을때, 이만큼이나 만들었어 ? 이걸 구현해 ? 그것까지 고려했다고 ??? 이러한 감탄을 줘야된다고 한다. 과연 내가 할 수 있을지 의문이지만, 해보자 !!!!! 뚜둥...실전 프젝은 기본적으로 리더가 랜덤배정이라고 한다..ㅋㅋ... ?????????????? 무튼 자원하면 리더와 부리더가 될 수 있다고 한다. 나도 실력만 된다면...리더나 부리더 해보고 싶은데 실력이 똥망이다.. 2022. 3. 22.
React 기초반 강의내용 정리 (4-5주차) 우선 강의자료 부터 !!! 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:.. 2022. 3. 21.
[항해99 15일차] 2022.03.21 TIL 주특기 기본 개인 과제 시작 ! 1. 메인 페이지, 평점 남기기 페이지 생성 2. 라우팅 3. 페이지간 이동 -선택한 페이지로 이동시키기 -남기기 버튼 클릭 시 이전 페이지로 이동 4. 4주차&5주차 강의 듣기 음 일단 week-1이라는 프젝을 하나 만들어주었다. 그리고 yarn add styled-components yarn add react-router-dom@5.2.1 스타일 패키지, 라우터 패키지를 프젝에 설치해주었다. yarn start !!! 막막하였다........... 어디서부터..짜야될지..하나도 모르는 상황이 발생..🤫🤭 예시 사이트를 봤는데.. 소스에서 답을 볼 수 있었다. 답보면서 그냥 배끼는 수준의 코드를 짜고 있다. 자괴감이 든다...... index.js import React.. 2022. 3. 21.
[항해99] 2주차 WIL [ ES5/ES6 문법 차이] 이번 WIL 키워드 ! 👉JavaScript의 ES란?, ES5/ES6 문법 차이 우선 자바스크립트의 ES란 ?? ES는 ECMA Script의 약자 자바스크립트는 1990년대 Netscape 회사의 Brendan Eich 라는 사람에 의해 최초 개발되었다. 자바스크립트가 잘 되자, MS에서 Jscript라는 언어를 개발해 IE에 탑재하였는데, 이 두 스크립트가 너무 제각각이라, 표준이 필요하게 되었다.. 표준을 위해 자바스크립트를 ECMA(European Computer Manufactures Association)라는 정보와 통신시스템의 비영리 표준 기구에 제출하였고 표준에 대한 작업을 ECMA-262란 이름으로 1996년 11월에 시작해 1997년 6월에 채택되었다. ES5는 ECMA Script5.. 2022. 3. 20.
[항해99 13일차] 2022.03.19 TIL 09:00 - 21: 00 : 리액트 기초반 강의 다 듣기 !!! 이건 무리였다.. 3주차 강의까지는 다 들었다 !! 에러가 떠도 겁내지 말고 코딩하자 !! 나의 TIL에 강의내용을 정리 하려니깐 좀 내용이 많아지는 것 같아서 따로 포스팅 해두려고 한다. TIL엔 정말 내가 오늘 배운 것들을 정리해두려고 한다. 우선 갑자기 내용이 머릿속에 훅훅 들어오니까 뭐가 뭔지 잘 이해가 안가지만 최선을 다해 열심히.. 기억을 해보려고 한다. 😪 다행인건 알고리즘 주차에는 그렇게 잠이 많이 왔는데 ..(코로나 핑계를 대면서 잠을 잤지만,, 알고리즘 문제 풀어서 잠이 왔던 걸로) 주특기 주차에는 잠을 잘 시간조차 없다. (그래도 난 잔다. 체력이 없기 때문..날씨가 풀리면 체력증진을 위해 아침마다 아파트 한바퀴 뛰고 .. 2022. 3. 19.

티스토리툴바