함수 비슷한 코드가 반복해서 사용될 때 사용한다. 1) 함수 선언식 function 함수이름(매개변수 = 기본값) { // 코드 } 2) 함수 표현식 const 함수이름 = function(매개변수) { // 코드 } let a = 2; const makeNumber = function (value = 10000) { // 초기값 // 숫자가 아니거나 0보다 작으면 0으로 return, 넘겨진 value를 숫자형으로 만들어서 return if (value < 0) return 0; // early return let a = 1; // console.log(a); // 지역변수가 전역변수를 가림 const newValue = Number(value); return isNaN(newValue) ? 0 : n..

프로세스 구조 이해 ● 프로세스 구조 ○ 프로세스 (process) 는 일반적으로 어떻게 구성되어 있을까? - text(CODE): 코드 - data: 변수/초기화된 데이터 - stack: 임시 데이터(함수 호출, 로컬 변수등) - heap: 코드에서 동적으로 만들어지는 데이터 ○ 프로세스와 컴퓨터 구조 - PC(Pqrogram Counter) + SP(Stack Pointer) - PC: 다음 실행할 코드 주소 - SP: 스택 최상단 주소 ○ 임베디드 시스템등에서 동작하는 C 프로그램등은 디버깅시 PC 와 SP 를 캡쳐해서 확인 ○ 파이썬에서 재귀함수 호출이 일정 횟수 이상이면 에러가 나는 이유 - 고정된 스택 공간 때문임 힙과 컨텍스트위칭 이해 ● Heap 이란? ○ 얼마나 많은 공간이 필요할지 모르..

Sass란 ● 컴파일해서 css파일을 만드는 스타일 시트 Sass 7-1 패턴 ● 7가지 패턴에 맞춰 파일관리 ○ base/ ○ components/ ○ layout/ ○ pages/ ○ themes/ ○ abstracts/ ○ vendors/ Sass @import ● 파일명 앞에 _가 붙는 경우 @import되어 사용될 것으로 파악 Sass Variables ● 자주쓰는 색이나 사이즈 등을 변수로 저장하여서 사용 Sass @mixin ● 자주쓰는 코드 집합, 재사용이 높은 코드들의 집합 Sass @function ● 변수를 받아서 return

기본 선택자 ● * 전체 : 모든 요소를 선택함 ● div 요소 ● . 클래스 ● # 아이디 ● [attr] 특성 그룹 선택자, 결합자 ● , 그룹 선택자 ● 한 칸 공백은 자손결합자 ● > 자식 결합자 ● ~ 일반 형제 결합자 ● + 인접 형제 결합 가상 클래스 선택자 ● 선택자에 추가하는 키워드로, 선택한 요소가 특별한 상태여야 만족할 수 있음 ● :hover, :focus, : active, :checked ● :disabled 약간 색이 빠진 색깔로 나옴 ● &:first-child(), &:last-child(), &:nth-child(), &:only-child() 가상 요소 선택자 ● ::before, ::after, ::placeholder 단축속성 ● margin과 padding의 단축속..

CSS란 ● 종속형 시트 또는 캐스케이딩 스타일 시트 ● 마크업 언저가 실제 표시되는 방법을 기술하는 스타일 언어 ● Style sheet 언어 ● css문법 ○ 선택자{정의} ○ 선택자{속성: 속성값;} ○ p{color: red;} CSS속성들 ● background, border, bos-sizing, display, bottom, font, margin 등등 핵심 CSS 속성과 작성팁 ● 위에서 선언한것이 밑에 선언한것을 덮어쓰기 때문에 순서를 지켜주는것이 좋음 CSS Box Model ● border-box를 선언하지 않으면 기본으로 content-box로 되어있음 position ● absolute는 기준이 바로 위에 있는 부모가 됨 ● relative는 기준이 브라우저가 됨 ● fixed는 ..