컴포넌트 전역등록과 지역등록 방법이 있는데 지역등록을 하는것을 더 선호한다. props는 읽기 전용이기 때문에 컴포넌트내에서 데이터를 변경하려고 시도하면 경고가 난다. 그래서 props데이터가 바뀐다고 상위 컴포넌트에 요청을 해야된다. 상위 컴포넌트에서 데이터를 내려주는것은 props, 하위 컴포넌트에서 데이터를 올려줄 때는 $emi...
TIL 24일차
createApp Option data(), computed()는 인자로 사용 method()는 함수로 사용 Vue에서 CSS를 지정하기 위해 Camel Case도 반영이 가능하다. ex) background-color ⇒ backgroundColor 여러개의 스타일 객체를 추가하려면 배열로 묶어서 추가해주기 CSS에서 더 나중에 쓰...
TIL 23일차
Vue JS 입문 Vue는 프레임워크이다. CDN, npm을 이용해서 설치할 수 있다. 선언적 렌더링이 가능하다. 디렉티브(v-bind 속성 및 접두어는 v-@@@으로 시작)를 활용한다. 라이프 사이클 created: Vue data와 연관 mounted: HTML 요소랑 연관 템플릿 문법 Mustache: 데이터 ...
7주차 회고
7주차 나의 목표 팀원들 코드리뷰하기 밀린 공부하기 TIL 짧게 요약하여 쓰기 7주차 나의 모습은? 두려웠던 CSS에 맞서다! 프론트엔드 공부를 하면서 CSS사용을 많이 못했다. 그래서 나는 이번 주차에 CSS학습이 많이 걱정됐다. 혹시 못따라가면 어떡하지? 고민을 많이 했지만 다행히도 강의를 어떻게든 따라잡고 과제로 웹사이트...
TIL 22일차
😎자주 쓰게 될 내장 함수 색상 명도 어둡게 하기 darken(색깔, 얼만큼) 색깔을 얼마나 어둡게 할 것인가? color.adjust(색깔, $lightness: 얼마나) 내장 함수를 사용해서 색깔을 얼마나 어둡게 할 것인가? 보통 hover효과와 함께 쓸 것임 명도 밝게 하기 lighten(색깔, 얼만큼) 색깔을 얼마나 밝게 할 것인가...
TIL 21일차
조건 @if 조건문 Sass에서는 if를 사용할 때 @를 붙인다. if else 문도 @else if 로 사용하며 if에는 @붙이지 않게 주의한다. 반복 @each 변수 in (List, Map가능) 자바스크립트의 for of나 forEach문과 비슷하다. Map은 key와 value로 할당 후 사용가능하다. @for 변수...
TIL 20일차
재활용 Scss @mixin large-text($size: 30px) { // @if($size < 30px) { // font-size: 30px; // } // @else{ // font-size: $size; // } //condition ? true :...
TIL 19일차
Grid 명시적: grid-template-rows, grid-template-columns 암시적: grid-auto-rows, grid-auto-columns Grid container repeat: 반복하기 위한 함수 minmax: 현재 최소값과 최대값을 설정할 수 있다. fit-content: 너비를 제한 할 수 있다. ...
TIL 18일차
Type Check 과제 요구사항 중 state의 정합성을 확인하는 요구사항이 있었다. 그래서 나는 정합성 확인을 state의 모든 인자들의 Type이 맞는지 확인을 했다. const BOOLEAN = "Boolean"; const ARRAY = "Array"; const NULL = "Null"; export const validation = ...
6주차 회고
6주차 나의 목표 팀원들 코드리뷰하기 밀린 공부 하기 TIL 짧게 요약하여 쓰기 6주차 나의 모습은? 생각하기.. 노션클로닝 프로젝트를 제출하고 구현하는데 어려웠던 점, 개선해야되는 점을 조사하려고 팀원과 대화, 멘토링을 통한 질문, 강사님의 세션에 시간을 썼다. 그 결과 내가 설계한 대로 구현해도 됐지만 요구사항에 맞춰 구...