# style
[Vue] v-bind:style
v-bind:style 축약형 :style로 작성 가능스타일 속성중 하이픈 또는 대시로 표현된 속성(케밥)은 ''나 ""로 감싸줘서 문자로 표현하거나카멜케이스로 변경해서 사용한다ex)text-decoration 표기 예시인라인 스타일 4 처럼객체리터럴 방식으로 표현도
FE.07 Day.07
state 리렌더 : state는 비동기적으로 작동하기 때문에 임시저장소에 모여있다가 한번에 렌더링이 일어난다. 새로운 props가 들어올때부모 컴포넌트가 렌더링 될 때.강제업데이트가 실행될 때.state가 변경될 때.위의 코드에서 버튼을 눌러도 setState의 비
React 인라인 스타일의 단점
style을 적용할 때 인라인 스타일을 이용할 때가 많았다 (편하니까)이런식으로..하지만 인라인식으로 작성하게 되면 불필요한 리랜더링을 하게 된다. 이유는?결론부터 말하면 {} === {} 가 false 이기 때문!리액트의 버추얼돔이 검사를 하면서 어디가 달라졌는지 찾
웹 프로그래밍 2일차
영상,프레임 창을 크게 키우고 줄여도 비율을 계속 차지하도록 설정했다. 큰화면일 경우 작은 화면일 경우 깃허브 내 홈페이지 꾸미기 현재 투데이, 블로그,velog 연동, stack을 표시했다.
5월26일 개발일지
오늘도 css와 관련된 수업을 들었다. html 을 기본으로스타일을 주어 꾸미는 작업을 하였다. 어려웠던 점으로 width나margin, padding을 주어 크기를 조절하는 작업이 어려웠고해결 방법으로 내가 연습하며 익숙해져야 겠다.오늘 강의도 유익한 내용을 배웠다.
5월26일 개발일지
오늘은 css 라이브러리 소개에 대해 배웠다. html에 기반을 두어 홈페이지를 만들고 을 주어 꾸미는 작업이었다. css를 적용할때 을 주어 적용한 사진이나 글,그림등의 크기와 높이 를 조정할 수있는 작업을 배웠다. css가 꾸미는 작업을했었다.
5/24일 개발일지
오늘은 html홈페이지를 기반으로 style을 주어 홈페이지를 꾸미는 작업을 하였다. HTML이 뼈대가 되어 STYLE만 주면 멋진 홈페이지가 완성되었다. 신기하였고 예를들어 커피 홈페이지를 만든다고 하면 홈페이지에다가 커피이미지를 주어 커피이미지 위에 메뉴태그를 만든
5/24개발일지
오늘은 홈페이지를 만드는 방법을 배웠다.기본적인 홈페이지 만드는 html 태그에 라는 태그는 제목을 만드는 태그이고태그는 내가 입력할 내용을 입력하는 부분으로서 홈페이지의 내용 부분이다. html을 작성한것을 기반으로 태그를 주어서 홈페이지 내용을 꾸미고 이미지 링크
CSS style 작성하는 방법
빠르고 편리하다.우선순위에서 해당 방식이 지나치게 우선하기 때문에 별도의 코드를 가지고 해당하는 요소에 적용된 CSS 내용을 덮고 수정하고 싶어도 불가능하다.코드가 길어지면 가독성이 떨어지며 유지보수에도 좋지 않다.별도의 CSS 파일을 따로 만들지 않아도 HTML 안에
Vue에서 scoped된 컴포넌트의 하위로 scss 스타일을 강제로 줘보자!(::v-deep, :deep)
vue scoped에서 deep selector를 써보자
.jpeg)
[Vue] : 클래스와 스타일바인딩
클래스(Class)와 스타일 바인딩 (Style Binding) HTML 스타일 바인딩 객체 구문 v-bind:class (v-bind:class의 약자)에 객체를 전달하여 클래스를 동적으로 전환할 수 있다. 위 구문은 active 클래스의 존재가 데이터 속성 isActive의 진실성(Truthiness) 에 의해 결정됨을 의미한다. 여러 클래스 전...
[패스트 캠퍼스 FE] 리액트 맛보기 - 4
1️⃣ 리액트 Element에 스타일 입히기2️⃣ Ref로 DOM 다루기3️⃣ Form 다루기4️⃣ Error 다루기이런식으로 입력받는 값을 <button> 태그와 백틱으로 묶어서 return함!잔여 연산자➡️ 입력받는 값들을 모두 태그 안에 설정해줌특정 DOM을
TailWind CSS + Vue
TailWind CSS는 유틸리티 를 우선으로 하는 CSS 프레임워크 마크업에서 직접 모든 디자인을 빌드하도록 구성할 수 있다.
