위 이미지랑 똑같은 내용으로 좀 더 간략하게 보면 아래와 같다.중요 포인트! 객체타입은 const 상수로 선언해도 프로퍼티의 값을 수정할 수 있다. 자바스크립트를 공부하다보면 자연스럽게 익히게 되는 부분이었다고 생각했는데 코드가 복잡해지면서 안다고 생각했던 것도 꼬이고

함수 선언문은 함수리터럴과 function키워드, 함수명, 매개변수, 함수 몸체로 동일하게 이루어져 있다.리터럴은 값을 생성하기 위한 표기법이다. 쉽게 말해 값을 생성함과 동시에 변수 선언을 해준다고 생각하면 될 듯 하다. (값은 변수가 있어야만 하니까)함수 리터럴이

유튜브로 js 배우는데 한계를 느껴서 Udemy 기초~고급 js 인강을 구매했다. 기초 단계부터 복잡해서 난감하지만 문법부터 알려줘서 좋은 것 같다.let userName :: camelCase라는 띄어쓰기가 없는 소문자+대문자 문법을 사용한다. let ageGroup

컴퓨터 파일 경로는 바탕화면>>폴더1>>폴더2>>파일 순으로 뒤로 가기/앞으로 가기 라고 표현하지만 터미널에선 위/아래로 간다라고 표현한다. 즉, 최하단이 가장 최신 정보.가장 최신 정보가 최상단에 노출된다. (History(과거) 위에 현재진행형으로 계속 쌓이는 구조

개발자 필수 코스라는 git과 terminal에 대해 공부하다 MarkdDown문법을 알게됐다.그동안 노션이나 velog 등 개발자들이 주로 사용하는 툴들을 보면 딱히 에디터를 이용하지 않고도, 코딩하듯 <tag>로 바로바로 마크업하듯 글 쓰는 행위에 대한 정확한

반복문 while(){}배열 Array \["대괄호로", "시작해서", "대괄호로 끝남"]참조 유튜브: 생활코딩-배열과 반복문

Comparison operators: 비교 연산자 -> ===Boolean: 불리언 -> true or false1<2 = 1 Ampersand less then 2 -> 1>2참조 유튜브: 생활코딩if 조건문에는 불리언이 따라온다. 조건문을 사용할 땐

'text' "text"는 문자열(string)1은 숫자열이다.'1' "1" 숫자열로 보이지만 ""와''이 있음으로 문자열이다.변수 variableex) x = 1;과 같이 변할 수 있는 수. 우항에 따라 x엔 다른 결과가 들어갈 수 있다. 상수 constantex)

BEM란 css 클래스네임을 효과적으로 작성하는 법이라고 보면 된다.BEM은 기본적으로 ID를 사용하지 않으며, class만을 사용한다.BEM은 block, Element, Modifier를 뜻한다.구조는 block\_\_Element--Modifier이다.이름을 연결

클론 코딩 실습에 대한 1차 리뷰 시간을 가졌다.내가 작업하면서 느꼈던 불편함이나 궁금증 중에는 좀 더 '효과적으로 클래스 명을 짓는 방법'이 있었다. 다른 사람이 봐도 바로 이해할 수 있는 범용적인 용어를 쓰는게 어려웠다. 이 부분은 디자인을 할 때 레이어 혹은 컴포

유튜브를 통해 독학다가 웹 페이지 실습을 하다가 문득 깨달은 점이 있었다.강사님이 px같은 고정 단위보다 em을 사용하는게 좋다고 해서 쓰긴하는데 em이랑 rem의 차이가 뭐지?거기서 아차 하고 부랴부랴 em과 rem에 관한 영상들을 찾아보고 실수했다는걸 깨달았다. 지

: 혹은 ::이 붙은 애들이 가상요소이다.::before ::after가 맞지만 익스플로러 6, 7버전에 적용이 안되기 때문에 웹 표준화 및 최적화를 해야한다면 :before :after 싱글콜론으로 사용하길 권장한다고 한다.a 태그에 title을 달고, 가상요소 co

z-index는 position: static;이 아닌 값이 있어야 작용한다. 숫자가 클수록 상단.디자인으로 치면 레이어 위치를 위아래로 움직이는 느낌인 것 같다.단, flex 사용시 객체들이 flex-item 처리가 되어 position 없이 z-index 단독 작용

html의 기본 폰트 사이즈는 16px.코딩 시 폰트 사이즈를 따로 주지않고 만약 font-size: 2em으로 할 경우 2배라는 뜻으로 32px의 폰트 크기를 갖게 된다.검사를 살펴보면 폰트 크기보다 크게 잡히는데 이것이 리딩 영역을 위한 line height이다.