코딩일지 4일차 HTML

핵심 SASS

SASS는 나중에 적은것이 제일 우선적으로 실행 됨.

 

CSS코드가 한 파일로 제작된다면?

- 가독성 저하, 어디서부터 어디까지가 어떤 스타일을 담당하고 있는지 파악하기 어려움,

- 중복코드 혹은 레거시 코드를 생성하기 쉬움

- 단순 수정에도 전체 코드를 일일히 확인해야함.

-프로젝트가 커질수록 CSS작업 하는 속도가 저하됨.

! SASS(SCSS) 개발은 선택이 아닌 필수!

 

SASS 7패턴

seven folder one file

 

`base/

component/

layout/

pages/

themes/

abstracts/

vendors/ 

파일명에 _가 붙는경우 @import 되어 사용될 것으로 파악

 

SASS VARIABLE

@mixin : 자주쓰는 코드 집합이라고 보면 됨

보통 @mixin으로 묶어주고 @include로 포함시킴

@mixin : 파일명

@include : 파일명

 

@function : 걸과값을 반환하는 역할 

 

@mixin

투명도 조절 방법 1 전체를 한번에 바꿀 수 있음

투명도 조절 방법 2 전체를 개별로 변경할 수 있음

 

 

프로그래밍이란?

컴퓨터 프로그램을 작성하는 일 

프로그래밍 언어를 이용해 프로그램을 만드는 행위를 말함.

 

프로그래밍 언어란?

소프트웨어를 작성하기 위한 언어

 

코드작성> 컴파일러> 기계어>컴퓨터

 

고급언어 : JAVA,RUBI, GO, C언어 등과 같이 사람이 이해하기 쉬운 언어

저급언어 : 0101001과 같이 컴퓨터가 이해하기 쉬운 프로그래밍 언어(0,1로만 이루어진 이진수 형태)

 

프로그래밍 값이란?

더이상 평가될 수 없는 하나의 식으로 자료형을 간단히 이루는 값

즉,더이상 나눌 수 없는 값을 뜻함

 

자료형(DATA TYPE)

1. 숫자

2.불리언 : TRUE

3.문자 : A

4. 문자열 : ABC

 

변수란? 

다양한 값을 담을 수 잇는 박스와 같은 컨테이너 값이 저장된 메모리 주소와 이름을 연결 "그 주소의 별칭"

 

언어              =              'JAVASCRIPT'

변수명        연산자                 값

 

식이란?

값을 만들어내는 표현식

3>1

1+1

 

연산자란?

값의 연산을 위해 사용되는 부호

연산의 대상이 되는 피연산자

연산을 부호로 표현하는 연산자

 

* = 할당연산자
== 비교연산자
+ 산술연산자
&비트연산자
&& 논리연산자

 

문이란?

특정작업을 위한 명령으로 프로그래밍의 흐름 제어

 

조건문
if(식){
   참일떄 실행 
} 

if(식){
참일때실행
}else{
거짓일 때 실행
}

반복문 
for(식; 식; 식){
두번째 식의 결과가 참일 때 실행
}
while(식){
참일 때만 실행
}

 

함수란?

특정 일을 처리하는 코드 묶음

함수호출 : 정의한 함수를 실행