안녕하세요! 멘토를 당담하게 된 박브레드입니다. 오늘은 열네 번째 날로, 자바스크립트 공부 다섯 번째 날입니다! 어려운 용어들이 나오는데 같이 공부 시작해 볼까요? 오늘 공부할 내용은 다음과 같습니다. 🏃 공부할 내용(406~417p) 4. 함수의 특징 이해하기 5. 즉시 실행 함수 사용하기 4. 함수의 특징 이해하기 4.1 스코프 함수 내부의 변수를 함수 외부에서 참조할 수 없는 이유가 무엇일까요? 이를 이해하려면 스코프에 대해서 알아봐야 합니다! 스코프는 변수나 함수와 같은 참조 대상 식별자를 찾아내기 위한 규칙이에요. 자바스크립트의 스코프는 함수 스코프 방식, 블록 스코프 방식에 따라서 전역 스코프, 지역 스코프 참조 범위가 달라집니다. 먼저 함수 스코프와 블록 스코프에 대해서 알아볼까요? ✅ 함수..

안녕하세요! 멘토를 당담하게 된 박브레드입니다. 오늘은 열두 번째 날로, 자바스크립트 공부 세 번째 날입니다! 어제에 이어서, 기초 문법에 대해서 더 자세히 알아볼 거예요. 그럼 공부 시작해 볼까요? 오늘 공부할 내용은 다음과 같습니다. 🏃 공부할 내용(366~389p) 4. 조건문 다루기 5. 반복문 다루기 4. 조건문 다루기 4.1 if, els, else if 문 if문은 조건식이 참으로 평가되면 코드를 실행하는 조건문이에요. 다음을 보시면, num이 짝수니까 console.log 짝수 코드가 실행되겠죠? let num = 10; if (num % 2 === 0) { console.log("짝수"); } 다음을 보시면, num이 홀수입니다. if 조건문이 거짓이니까 else인 홀수 코드가 실행될 거..

안녕하세요! 멘토를 당담하게 된 박브레드입니다. 오늘은 열한 번째 날로, 자바스크립트 공부 두 번째 날입니다! 오늘부터 조금 어려워져도 힘을 내서 공부 시작해 볼까요? 오늘 공부할 내용은 다음과 같습니다. 🏃 공부할 내용(332~365p) 1. 변수와 상수 2. 자료형 3. 연산자 1. 변수와 상수 1.1 변수 변수는 말 그대로 변하는 수를 뜻해요. 그래서 자바스크립트에서는 값이 변하는 데이터를 저장하고 관리하기 위한 공간으로 변수를 만듭니다. var num = 10 + 20 이런 형태 코딩하면서 많이 보셨을 텐데요 익숙하시죠? 여기서 num을 변수라고 해요! 1.2 새로운 변수 선언 키워드 let 변수를 선언하는 키워드는 var 말고도 let이 있어요. let 키워드는 ES6 버전에서 새로 추가된 키워..

안녕하세요! 멘토를 당담하게 된 박브레드입니다. 오늘은 여섯 번째 날로, CSS 공부 두 번째 날입니다! 그러면 5장 선택자 다루기를 이어서 공부해 볼까요? 오늘 공부할 내용은 다음과 같습니다. 🏃 공부할 내용(142~169p) 5. 기본 선택자 사용하기 6. 조합 선택자 사용하기 7. 가상 요소 선택자 사용하기 8. 가상 클래스 선택자 사용하기 9. 다양한 선택자 조합하기 5. 기본 선택자 사용하기 5.1 전체 선택자 전체 선택자는 HTML에서 사용할 수 있는 모든 요소를 한 번에 선택자로 지정하는 방법입니다. * 기호를 사용해 전체 선택자를 표시할 수 있어요! 다음과 같이 * 기호를 통해 스타일을 지정하면 h1, p 태그 모두 빨간색상이 적용되는 것을 볼 수 있습니다. 5.2 태그 선택자 이번엔 전체..

안녕하세요! 멘토를 담당하게 된 박브레드입니다. 오늘은 다섯 번째 날로, CSS 공부 첫번째 날입니다! 설레는 마음으로 CSS 첫 공부 시작해볼까요? 오늘 공부할 내용은 다음과 같습니다. 🏃 공부할 내용 (132~139p) 1. CSS 문법 살펴보기 2. CSS 적용하기 1. CSS 문법 살펴보기 1.1 문법 형식 CSS 문법은 크게 선택자와 선언부로 구분합니다. 선택자는 CSS 스타일을 적용할 HTML 태그를 선택하는 영역이고, 선언부는 선택자에서 선택한 태그에 적용할 스타일을 작성하는 영역입니다. 1.2 주석 CSS도 HTML처럼 코드에 주석을 넣을 수 있습니다. 주석은 코드에 설명을 남기는 것이며 다음과 같이 설정합니다. /* 주석 내용 */ 2. CSS 적용하기 문법을 살펴봤으니, 이제 직접 적용..

안녕하세요! 멘토를 담당하게 된 박브레드입니다. 오늘은 세 번째 날로 3장, 실무에서 자주 사용하는 HTML 필수 태그를 다뤄볼 예정이에요! 2장에서는 주로 이론 위주였는데 3장부터는 실습 위주로 진행할 예정입니다. 그럼 공부 시작해볼까요? 오늘 공부할 내용은 다음과 같습니다. 🏃 공부할 내용 (60~81쪽) 1. 텍스트 작성하기 2. 그룹 짓기 3. 목록 만들기 4. 링크와 이미지 넣기 5. 텍스트 강조하기 1. 텍스트 작성하기 실습을 할 예정이라 모두 VSCode를 준비해 주시고, 기본 구조를 만들어주세요🙂 오늘 하는 것들은 꼭 전부 따라 치면서 진행해 주세요! 1.1 hn 태그 hn 태그는 제목이나 주제를 나타내는 텍스트를 표현할 때 사용합니다. h1부터 h6개가 있는데 여기서 h는 heading을..

안녕하세요! 멘토를 담당하게 된 박브레드입니다. 오늘은 첫날이니 가벼운 마음으로 개발환경 설정과 간단한 HTML 문서를 만들어 보겠습니다. 앞으로 한 달 동안 잘 부탁드려요 : ) 오늘 공부할 내용은 다음과 같습니다. 🏃 공부할 내용 (30~44쪽) 1. 개발환경 설정하기 2. 첫 번째 HTML 문서 만들기 1. 개발환경 설정하기 코드를 작성하고 실행하려면 여러 도구, 즉 프로그램이 필요한데 이렇게 프로그램을 설치하고 준비하는 과정을 개발 환경을 설정한다고 합니다. 저희 책은 실무에서 가장 많이 사용하는 비주얼 스튜디오 코드(Visual Studio Code)를 사용할 거예요! 그럼 이제 설치해 볼까요? (이미 설치되어 있다면 건너뛰어도 됩니다) 1.1 코드 작성을 위한 코드 에디터 설치하기 아래 공식 ..