3월 4일 메모 및 정리노트

3월4일 시간표
1~4교시
교과목: 스마트문화앱 설계 및 디자인
능력단위: 스마트문화앱 UX 설계(3/24평가)
교재: NCS 학습모듈

1. 웹디자인개발기능사 필기접수(3/17~21)
2. 노션(Notion)
3. 피그마(Figma)

 

폴더명을 쓸 때, 소문자, 숫자는 앞에 쓰지 X, 하이픈(-)

 

웹은 다 box model로 되어있고, 그 안에 header,main,footer로 구성한다.

web-structure/ 생성

VSCode Extention

설정 > Editor: default formatter > Prettier

설정 > zoom > 3개 다 체크

 

설정> on save > Editior: Format on save 체크

윈도우 탐색기 > 보기 > 숨긴항목, 파일 확장명 체크

UPPERCASE (대문자)
lowercase (소문자)
kebab-case 소문자-소문자 (케밥케이스)
snake_case 소문자_소문자 (스네이크케이스)
camelCase 소문자로 시작 그 다음 부터 첫글자 대문자 (카멜케이스)
PascalCase 대문자로 시작 그 다음 부터 첫글자 대문자 (파스칼케이스)

! 느낌표, 뱅
@ 골뱅이, 앳 마크
& 앰퍼샌드
` 백틱, 백쿼트
() 소괄호
{} 중괄호
[] 대괄호
: 콜론
; 세미콜론
. 닷
/ 슬래시
? 옵셔널
<> 프라그먼트, 꺽쇠
'' 작은따옴표, 싱글쿼트
"" 큰따옴표, 쌍따옴표, 쿼트
| 백슬래시

기본 폴더 구조
root: 최상위 폴더 또는 경로
a-1/images/
a-1/javascript/script.js
a-1/css/style.css
a-1/index.html

객체는 프로퍼티(속성)와 메서드(기능)로 구성되어있다. 프로퍼티(속성)는 키와 값의 쌍으로 되어있고, 메서드는 함수이다.