👋 Hello, I am Seung-ho Ham

🧑🏻‍💻 A Developers who create code that changes the world

전체 글 110

[DEV] JS 변수와 예약어

변수 : 바뀔 수 있는 수 데이터를 저장하 참조(사용)하는 데이터의 이름 var - 사용하지 않는 것을 권장 let - 변수의 재할당 가능 const - 변수의 재할당 불가능. 처음 초기화된 값만 사용가능 변수가 저장되는 원리 어플리케이션마다 무언가를 저장 할 수있는 비어있는 메모리가 제한적으로 할당되어있는데 , let name 이라고 name 을 정의하게되면 비어있는 메모리를 가르킬 수있는 포인터가 생성된다 , 그래서 name이 가르키는 메모리 어딘가에 값을 저장하게된다. [출처] JS ) 작성법,변수|작성자 디두 변수의 필요성 - 프로그래밍의 효율성을 높여준다. -> 여러 곳에 쓰이는 중복된 값을 한번에 바꿔줄 수 있다. 예약어 특별한 의미를 가지고 있어, 변수나 함수 이름으로 사용할 수 없는 단어 ..

카테고리 없음 2021.06.23

[DEV] JS 표기법

- 표기법 dash-case(kebab-case) : html,css에서 주로사용 ex) the-quick-brown-fox-jumps snake_case : html,css에서 주로사용 ex) the_quick_brown_fox_jumps camelCase : JS에서 주로 사용 theQuickBrownFoxJumps PascalCase : JS에서 주로사용 TheQuickBrownFoxJumps Zero-based Numbering : 0기반 번호 매기기 -> 특수한 경우를 제외하고 0부터 숫자를 시작합니다. - 주석 // 한 줄 메모 /* 한줄 메모 */ /** *여러줄 *메모1 *메모2 */ 단축키 : ctrl + /

카테고리 없음 2021.06.19

[DEV] CSS 변환2

perspective : 하위 요소를 관찰하는 원근 거리를 지정(*함수가 아닌 속성) perspective 속성과 함수의 차이점 -속성 perspective: 600px 관찰 대상의 부모에 적용 기준점 설정 : perspective-origin -함수 transform: perspective(600px) 관찰 대상에 적용 기준점 설정 : transform-origin backface-visibility : 3D변환으로 회전된 요소의 뒷면 숨김 여부 visible(기본값) : 뒷면 보임 hidden : 뒷면 숨김 transform: rotateY(180deg); backface-visibility: hidden; -> 뒷면(180도로 뒤집어진 부분)이 보이지 않게 됨

카테고리 없음 2021.06.18

[DEV] CSS 변환1

transform : 요소의 변환 효과 transform: 변환함수1 변환함수2 변환함수3 ...; transform: 원근법 이동 크기 회전 기울임; 개별 속성들 2D(2차원)변환 함수 translate(x,y) : 이동(x축,y축) translateX(x) : 이동(x축) translateY(y) : 이동(y축) scale(x,y) : 크기(x축, y축) scaleX(x) : 크기(x축) scaleY(y) : 크기(y축) rotate(degree) : 회전(각도) skew(x,y) : 기울임(x축, y축) skewX(x) : 기울임(x축) skewY(y) : 기울임(y축) matrix(n,n,n,n,n,n) : 2차원 변환 효과 3D(3차원)변환 함수 translateZ(z) : 이동(z축) tran..

카테고리 없음 2021.06.17

[DEV] CSS 전환

transiton : 요소의 전환(시작과 끝)효과를 지정하는 단축 속성 transition: 속성명 지속시간(필수속성) 타이밍함수 대기시간; 개별 속성들 transition-property : 전환 효과를 사용할 속성 이름을 지정 all(기본값) : 모든 속성이 적용 속성이름 : 전환 효과를 사용할 속성 이름 명시 transition-duration : 전환 효과의 지속시간을 지정 0s(기본값) : 전환 효과 없음 시간 : 지속시간(s)을 지정 transition-timing-function : 전환 효과의 타이밍(Easing) 함수를 지정 ease(기본값) : 느리게 - 빠르게 - 느리게 linear : 일정하게 ease-in : 느리게 - 빠르게 ease-out : 빠르게 - 느리게 ease-in-o..

카테고리 없음 2021.06.16
반응형