159

뻘글

공부가 잘 안된다. 카페가서 공부하려해도 계속 왕겜만 보고있고, 집중해서 봐야만 이해할 수 있는 내용은데도 집중을 못해서 똑같은데만 몇번을 읽는지 모르겠다.

다음주 계획을 미리 세워보면,

  1. Object 정리
  2. Ajax 정리
  3. this
  4. git educate
  5. 인사이드 JS 읽고 포싕
  6. SASS
  7. +a 알고리즘

우선은 이정도가 리스트고 최소 4개는 지울 수 있도록 해야겠다.

화이링!

7/159

저작자 표시 비영리 동일 조건 변경 허락
신고

'끄적끄적' 카테고리의 다른 글

다음주 계획  (4) 2017.10.15
앞으로의 계획  (0) 2017.10.09
개발 입문, 과정 + 세달간의 스타트업 인턴 회고  (4) 2017.10.01
  1. 화이팅 2017.10.16 15:28 신고

    화이팅입니다. 저도 dinside javascript 보고있어요.

  2. 2017.10.16 16:18

    비밀댓글입니다

    • takeU 2017.10.16 22:54 신고

      감사합니다
      ㅋㅋ그때 속상해서 막 그랬던것같은데 ..ㅎㅎ 속이좁아서 이해부탁드려요
      블로깅 열심히하세요 자주 놀러갈게여 화팅!

티스토리 블로그 폰트 바꾸기

  1. 설정에서 HTML/CSS 편집 들어가기





  2. 구글 폰트에서 원하는 폰트를 찾아 @import방식으로 사용
    폰트를 다운받아 사용할 수도 있지만, 다운받지않고
    바로 폰트를 가져오는 방법이 더 편해서 원하는 폰트를 찾아 코드를 가져옴.
    예시로 이 블로그는 ‘Lato’ 폰트를 사용했음

  3. HTML/CSS 편집창에서 CSS 클릭후 최상단에 붙여넣기


  4. Ctrl + F 로 font-family를 검색해 원하는 폰트 이름을 삽입 후 저장
    검색이 안될때는 새로고침 후 검색
    폰트의 두께는 font-weight 속성으로 설정


끝!

6/159


저작자 표시 비영리 동일 조건 변경 허락
신고

'개발 > 기타' 카테고리의 다른 글

티스토리 블로그 폰트 바꾸기  (4) 2017.10.14
[git]Git 간편 사용 설명서  (0) 2017.05.27
Git, Github 10분만에 익히기  (0) 2017.04.25
"데일리후보" 단기 프로젝트 완성  (5) 2017.04.17
HTML,CSS용 VIM(8.0)세팅하기  (0) 2017.02.21
  1. SONYLOVE 2017.04.07 17:02 신고

    Lato 폰트도 블로그에 잘 어울리네요.

    • takeU 2017.04.07 17:07 신고

      감사합니다ㅎㅎ
      그냥쓰면 좀 두꺼워서 두께 300으로 주니까 예쁘네요

  2. 졸린 홍원 2017.09.16 19:07 신고

    덕분에 폰트 바꿨습니다ㅜㅜ감사합니다

CSS 변수(variables)

SASS로는 변수를 사용해 본 적이 있는데,

CSS에서는 직접적으로 사용해 본 기억이 없어서 찾아보고 포스팅 해보려 함

사용법

자바스크립트에서는 변수를 선언할 때 ES5는 var, ES6는 let, const를 사용하는데

CSS 변수를 자바스크립트와 비교해보면 const와 비슷한 역할을 한다고 보면 된다.

굳이 한번 정한 변수의 값을 바꿀 일이 없기 때문.

예시를 통해 이해해보면,

페이지 전역에서 가져다 쓸 수 있는 #FFC600이란 색상값을 base 라는 이름으로 변수화 하고 싶다면 아래와 같이 작성하면 된다.

:root {
    --base: #FFC600;
}

:root는 HTML 요소 중 가장 상위 요소에 적용한다는 뜻이고,

--base는 base라는 CSS 변수를 생성한다는 뜻이다.

위와같이 :root에 변수를 선언하는 것은 전역변수를 생성한다는 뜻이다.

선언한 CSS 변수를 호출하기 위해서는 다음과 같이 쓴다

.h1 {
    color: var(--base);
}

위와같이 선언한 변수를 가져올때는 var(--변수명)로 호출하면 된다.

끝으로

요즘은 CSS를 그냥 쓰는 경우보다는,

SASS와 같은 CSS 전처리기를 사용해 보다 효율적으로 코드를 작성 할 수 있다.

조만간 포스팅 하지 않을까.. 싶다

오늘은 공부도 많이 못해서 너무 급하게 포스팅한 티가 팍팍난다.

내일은 열심히 해야게땅

5/159


저작자 표시 비영리 동일 조건 변경 허락
신고

'개발 > CSS' 카테고리의 다른 글

CSS 변수(variables)  (0) 2017.10.13
CSS 포지션(position)  (0) 2017.10.12
CSS 디스플레이(display)  (0) 2017.10.12
CSS 박스모델(box-model)  (0) 2017.10.12
CSS reset  (0) 2017.06.09
CSS flex-box 재미있게 익히기  (0) 2017.04.24

+ Recent posts