front-end/CSS
Border Box
200px의 box에 50px의 padding을 주면, css는 기존 box의 가로를 유지하기 위해 50px만큼 box를 늘린다. 이를 방지하기 위한 방법 box-sizing: border-box; -> box의 크기를 유지한 채 padding을 줄 수 있다.
전체 글
front-end/JavaScript
#1.1 const and let
1. let let a = b; let a = c; // 재선언 금지 let a = b; a = c; // 재할당은 가능 2. const const a = b; const a = c; // 재선언 금지 const a = b; a = c; // 재할당 금지 3. var (구버전) var a = b; var a = c; a = c; // 재선언, 재할당 가능 ** always "const" ** sometimes "let" ** never "var"
front-end/CSS
:not Selector
무언가가 적용되는 걸 원하지 않을 때 사용 ** cascading에 주의할 것. ** "이것을 제외한 나머지에 적용하고 싶다" 이므로, not 쪽에만 써야함.
front-end/CSS
BEM
BEM (Block Element Modifier) 규칙 모든 것이 클래스를 가져야 함. 즉, id와 class로 나눴던 것을 모두 class 로 통일. .btn {} .btn__price {} .btn--orange {} .btn--big {}
front-end/etc.
github 사용법
1. README.md 모든 git repository가 가지고 있어야 하는 파일. # repository의 타이틀 2. 파일을 publish 해주기 (게시) 파일 선택 후 commit. commit은 이 repository의 버전을 저장하는 시점. commit할 때 타이틀 설정은 필수! -> Commit to main -> Publish branch 수정 후 -> Commit to main -> Push origin ** 파일 저장 -> 파일 선택 -> Commit 타이을 -> Commit -> Push 3. 모든 commit에서 특정 파일을 업로드 하고 싶지 않을 때 .gitignore 파일 추가 -> 이 파일에 특정 파일 이름 추가 4. index.html 대부분의 웹 서버가 디폴트로 index.h..
back-end/C언어
break / continue
1. break // 1번부터 30번까지 있는 반에서 1번에서 5번까지 조별 발표를 합니다. for (int i = 1; i = 6) { printf("나머지 학생은 집에 가세요\n"); break; } printf("%d번 학생은 조별 발표 준비를 하세요\n", i); } printf("나머지 학생은 집에 가세요\n"); 문장 이후 , break문이 있으므로, 위 조건 (i >= 6) 을 만족할 때 탈출! 2. continue // 1번부터 30번까지 있는 반에서 7번 학생은 아파서 결석 // 7번을 제외하고 6번부터 10번까지 조별 발표를 하세요 for (int i = 1; i = 6 && i
back-end/C언어
기본 입출력
-getchar() 버퍼가 프로그램의 동작을 방해한다. 이때, getchar() 함수로 버퍼의 공백 문자를 받아낼 수 있다. -scanf() 함수 scanf() 함수를 사용할 때 변수 이름 앞에 &를 붙여야 한다. -정수형 int : %d -실수형 float : %f double : %lf -%c 형식 지정자를 %c로 하면 엔터(Enter)도 하나의 공백 문자로서 입력받을 수 있다.
front-end/CSS
States
1. active - 마우스 클릭할 때 효과 2. hover - 마우스 커서가 대상 위에 있을 때 3. focus - 키보드로 선택되었을 때 4. visited - 링크 - 방문한 후 * focus-within - (within: 이내에, 내부에서) - focused인 자식을 가진 부모 element에 적용됨
front-end/CSS
Pseudo Selectors
1. Pseudo Selectors part.1 -더 세부적으로 element를 선택해줌. div: first-child {}; div: last-child {}; span: nth-child(2n) {}; span: nth-child(3n+1) {};
front-end/CSS
position
1. fixed -스크롤 해도 초기에 위치한 위치 그대로 유지된다. ex) 웹사이트 메뉴 ... 2. Relative Absolute position: relative; -element가 처음 위치한 곳을 기준으로 수정하는 것. -top, bottom, left, right,,, position: absolute; -가장 가까운 relative 부모를 기준으로 이동시켜줌.