![[ markdown ] 마크다운 언어 사용 법](https://cdn.inflearn.com/public/main/blog/default_thumbnail.png)
[ markdown ] 마크다운 언어 사용 법
# Heading 1 ## ### #### .... ----------------------------------------------------------------- ___ >> 라인 추가(underline X 3) ----------------------------------------------------------------- this is **b...
- 좋아요수
- 0
nggoong님의 블로그
- 수강평 작성수
- 1
- 평균평점
- 5.0
블로그 9
[Vue] 트랜지션
Vuejs를 이용하여 프로젝트를 진행하다 페이지 전환효과를 구현하기 위해 Vue에서 제공하는 트랜지션을 공부하였다. 트랜지션 CSS클래스에는 v-enter : 요소가 나타나기 시작할 때 적용할 클래스 v-enter-active : 요소가 나타나는 트랜지션이 진행되는 동안 적용할 클래스 v-enter-to : 요소가 나타나는 트랜지션이 완료될 때 적용할 클래...
- 좋아요수
- 0
[JS] hoisting
호이스팅(hoisting)이란, 자바스크립트에서 변수의 선언, 함수의 선언 등을 코드의 맨 위로 올려주는 것이라고 간단하게 설명할 수 있다. 예시를 보면 console.log(temp); var temp = 3; >> 이 경우 console에는 undefined가 나타난다. 변수 선언 타입 중 var 는 호이스팅이 적용되는 타입이며 아래와 같이 호이스팅이 ...
- 좋아요수
- 0
[JS] 'use strict'
javascript file의 맨 위에 'use strict'를 쓰면 기존의 자바스크립트와는 달리 문법이 다소 엄격해지는데, 예를 들면.. // javascript a = 6 console.log(a); // no error //javascript 'use strict' a = 6 console.log(a); // error let b = 10; conso...
- 좋아요수
- 0
[JS] export, exports, export default
// temp.js //하나하나 export하는 방식 export var count = 2; export var num = 100; // index.js import {count, num} from "./temp.js" count += 2 // console.log(count) >> 4 num +=2 // console.log(count) >> 102 //...
- 좋아요수
- 0
[CSS] @keyframe, @media
/* 미디어 쿼리 사용 방법 */ /* 가로 폭이 최대 1000px, 즉 1000px 이하일 때 적용되는 코드 */ @media screen (max-width:1000px) { /* CSS 코드*/ } /* 가로 폭이 최대 1000px, 즉 1000px 이상일 때 적용되는 코드 */ @media screen (min-width:1000px) { /* CS...
- 좋아요수
- 0
[CSS] 변수 선언 및 사용법, calc()
/* 변수 선언법 */ :root { --white-color: #fff; --black-color:#140a00; --grey-dark-color:#909090; } /* 변수 사용법 */ h1 { color:var(--white-color); } h2 { color:var(--black-color); } /* calc() */ .temp { margin...
- 좋아요수
- 0
[CSS] 속성 값을 이용한 selector
a[href ="naver.com"] // naver.com이 들어가는 것 a[href ^= "naver"] // naver로 시작하는 것 a[href $= ".com"] // .com으로 끝나는 것
- 좋아요수
- 0
[CSS] flex 사용법
container { display : flex; // flex box로 만들기 flex-direction : row; // default flex-wrap : nowrap // default >> window크기 조절 시 자동 줄 바꿈 지원 justify-content : space-around; >> 일정 간격으로 item 자동 맞춤 justify-co...
- 좋아요수
- 0