회고록 블로그

※ 필자는 초초초보자입니다. ※ 틀린 내용에 대한 피드백은 언제든지 환영합니다. 공부하고 있는 자료 : modern JavaScript tutorial https://ko.javascript.info/nullish-coalescing-operator nullish 병합 연산자 '??' ko.javascript.info ✅ nullish 병합 연산자 '??' - 스펙에 추가된 지 얼마 안 된 문법이다. (구식 브라우저는 폴리필이 필요하다) - nullish 병합 연산자(nullish coalescing operator)는 ?? 이다. - 이 연산자를 이용하면 짧은 문법으로 여러 피연산자 중 그 값이 확정되어 있는(?) 변수를 찾을 수 있다고 한다. - 예시 a ?? b - 위의 코드는 이런 의미이다. - ..

※ 필자는 초초초보자입니다. ※ 틀린 내용에 대한 피드백은 언제든지 환영합니다. 공부하고 있는 자료 : modern JavaScript tutorial https://ko.javascript.info/ifelse if와 '?'를 사용한 조건 처리 ko.javascript.info ✅ if문 let age = 10; if (age < 20) console.log("미성년자"); else if (age < 50) console.log("아직 청춘...?") else console.log("제2의 인생을 시작"); ✅ 불린형으로 변환 - 숫자 0, 빈 문자열 "", null, undefined, NaN은 불린형으로 변환 시 모두 false - 아래의 경우는? ► 빈문자열을 제외한 모든 문자열은 true이기 때..

※ 필자는 초초초보자입니다. ※ 틀린 내용에 대한 피드백은 언제든지 환영합니다. 공부하고 있는 자료 : modern JavaScript tutorial https://ko.javascript.info/comparison 비교 연산자 ko.javascript.info ✅ 비교 연산자 - 비교 연산자의 반환 값은 "불린형"이다. - true 또는 false ✅ 문자열 비교하기? - 자바스크립트는 사전 순으로 문자열을 비교한다. - 사전의 뒤쪽에 있는 문자가 사전의 앞쪽에 있는 문자보다 더 크다가 판단하는 것이다. - 즉, 'z'가 'a'보다 크다. - 예시 console.log('Z' > 'a'); // false console.log('z' > 'a'); // true console.log('z' > 'A..

※ 필자는 초초초보자입니다. ※ 틀린 내용에 대한 피드백은 언제든지 환영합니다. 공부하고 있는 자료 : modern JavaScript tutorial https://ko.javascript.info/type-conversions 형 변환 ko.javascript.info ✅ 형변환 - 객체의 형변환은 뒤에서 배운다. - 문자형으로 변환 : 가장 대표적인 예는 alert(value)이다. 이때, value는 문자열로 변환된다. ► value에 들어오는 값이 숫자형, 불린형 등 문자형이 아닌 다른 타입이어도 문자열로 변환된다. - 숫자형으로 변환 : 수학과 관련된 함수와 표현식에서 자동으로 일어나는 형변환이다. ► 아래의 코드를 보면 어떤 상황에서 숫자형으로 자동 형변환이 일어나는지 알 수 있다. cons..

※ 필자는 초초초보자입니다. ※ 틀린 내용에 대한 피드백은 언제든지 환영합니다. 공부하고 있는 자료 : modern JavaScript tutorial https://ko.javascript.info/alert-prompt-confirm alert, prompt, confirm을 이용한 상호작용 ko.javascript.info ✅ alert, prompt, confirm을 이용한 상호작용 ❗️주의 : 이 기능들은 브라우저 환경에서 사용된다. ✅ alert 사용자가 "확인"버튼을 누를 때까지 메시지를 보여주는 창이 계속 떠있게 된다. alert의 첫번째 인자로 전달되는 값은 "문자열"로 자동 변환되어 브라우저에 보여진다. ※ alert은 단순히 얼럿 창에 메시지만 띄워주고, 의미있는 값을 반환하지 않는다..

보호되어 있는 글입니다.

※ 필자는 초초초보자입니다. ※ 틀린 내용에 대한 피드백은 언제든지 환영합니다. 공부하고 있는 자료 : modern JavaScript tutorial https://ko.javascript.info/variables 변수와 상수 ko.javascript.info ✅ 변수와 상수 - var, let, const 등 키워드를 사용해서 변수를 생성하지만, 최근에 var은 사용하지 않는다. - 세 가지 키워드에 대한 차이점은 ⚠️별첨1 참고 - 변수의 자료형(type)은 없다. 변수 안에 정수를 대입할수도, 배열을 대입할 수도, 문자열을 대입할 수도 있다. - 가능한 한 줄에 하나의 변수를 작성하는게 가독성이 좋다. ✅ 변수 재사용 let message; let msg2; message = 'hello'; m..

이전글 참고하기 2022.04.07 - [2. 개발 공부/HTML+CSS] - [브라우저 공부] 브라우저에서의 HTML+CSS 작동 방식 공부하기 (2) [브라우저 공부] 브라우저에서의 HTML+CSS 작동 방식 공부하기 (2) 이전글 참고하기 2022.04.07 - [2. 개발 공부/HTML+CSS] - [브라우저 공부] 브라우저에서의 HTML+CSS 작동 방식 공부하기 (1) [브라우저 공부] 브라우저에서의 HTML+CSS 작동 방식 공부하기 (1) ※ 필자는 초초 cinnamonc.tistory.com ※ 필자는 초초초보자입니다. 틀린 내용은 언제든지 피드백 부탁드립니다. HTML, CSS, 이미지 파일 등을 통해 웹 페이지를 화면에 보여주는건 동작 방식을 어느정도 이해했지만 그 동작 방식에 자바스..

이전글 참고하기 2022.04.07 - [2. 개발 공부/HTML+CSS] - [브라우저 공부] 브라우저에서의 HTML+CSS 작동 방식 공부하기 (1) [브라우저 공부] 브라우저에서의 HTML+CSS 작동 방식 공부하기 (1) ※ 필자는 초초초초보입니다. 틀린 내용이나 피드백은 언제든지 환영합니다. 한번도 브라우저에서 HTML, CSS, JavaScript가 동작하는 방법에 대해서 공부해본 적이 없다. 웹 프론트엔드를 공부하고 cinnamonc.tistory.com ※ 필자는 초초초보자입니다. 틀린 내용은 언제든지 피드백 부탁드립니다. 기본적인 공부 자료의 출처는 Naver D2 "브라우저는 어떻게 동작하는가?" 입니다. 출처 : https://d2.naver.com/helloworld/59361 ✅ ..

※ 필자는 초초초초보입니다. 틀린 내용이나 피드백은 언제든지 환영합니다. 한번도 브라우저에서 HTML, CSS, JavaScript가 동작하는 방법에 대해서 공부해본 적이 없다. 웹 프론트엔드를 공부하고 있으면서 웹 브라우저에서 언어가 어떻게 동작하는지도 모른다니.. 음계도 모르고 건반으로 연주하는 격이다. (물론 그게 가능한 천재도 있겠지만, 일단 그 천재가 난 아니다) 그래서 HTML과 CSS에 대해서 공부하다보면 한번쯤 궁금해지는 그 내용에 대해서 공부해보려고 한다. 과연 브라우저에서 HTML과 CSS는 어떻게 작동되는 것일까. ✅ '웹 브라우저' 구성 요소 HTML, CSS, JavaScript를 작동시켜주는 웹 브라우저에 대해 먼저 이해 해야할 것 같다. 브라우저(Browser)의 종류는 참 다..