개발자를 희망하는 초보의 자기개발 이야기

혼공학습단 13기, 나의 6주간 도전기새해가 되면 으레 새로운 목표를 세운다. '올해는 다이어트!' 같은 결심처럼 말이다. 올해 나는 새로운 도전을 선택했다. 바로 '혼자 공부하는 학습 습관'을 만들기 위해 혼공학습단 13기에 지원한 것. 그리고 1월 6일부터 시작된 여정은 6주 동안 꾸준히 이어졌고, 마침내 2월 23일에 마무리되었다 무엇을 원하는가혼공학습단에 선정되었을 때 가장 기뻤던 건, 내가 좋아하는 윤인성님의 책으로 공부할 수 있다는 점이었다. 혼공 시리즈를 이미 여러 권 가지고 있었지만, 제대로 완독한 적은 없었다. 국비학원을 다니면서 바쁘게 공부하느라 책들은 한쪽에 쌓여만 갔다. 그런데 이번에는 다르게 해보고 싶었다. 취업 준비가 길어지면서 학습했던 것들이 희미해졌고, 다시 집중력을 끌어올리..

기본 미션p. 315의 을 실행한 후 출력되는 고양이 이미지 캡처하기사이트가 https://www.placecats.com으로 변경되었음. 선택미션p. 352 누적 예제를 활용하여 본인의 할 일 목록을 만들어 캡처하기 학습 기록문서 객체 모델 문서 객체 모델(Document Object Model), 줄여서 DOM이라고 부른다.문서 객체는 HTML 요소를 의미한다.문서 객체 모델은 자바스크립트를 통해 HTML 요소를 조작할 수 있게 해주는 객체들의 집합이다.DOMContentLoadedhtml에서 querySelector()document 객체를 통해 HTML 문서 내의 태그에 접근할 수 있다.querySelector()는 해당 조건에 맞는 첫 번째 태그만 선택한다.다양한 선택자를 태그로 선택할..

기본 미션객체, 속성, 메소드가 무엇인지 설명하기 객체객체는 속성과 메소드를 가지고 있는 데이터 타입이다. 중괄호 {}를 사용하여 만들 수 있다. 배열처럼 여러가지 자료형을 담을 수 있다.속성객체의 특징을 나타내는 값이다. 객체의 속성은 키와 값으로 이루어져 있다.속성의 키는 문자열이다.메서드객체의 속성 중 함수인 속성을 메서드라고 한다.선택미션p. 288 확인 문제 3번 풀고, 풀이 과정 설명하기 Math.sin()은 매개변수로 radian에 대한 사인 값을 반환한다.radian은 각도의 도(°)와 다르게, 원의 반지름과 원주를 기준으로 각도를 측정하는 단위 중 하나다.degree는 90으로 주어졌으니, radian은 (degree * Math.PI) / 180로 계산된다.따라서, console.l..

기본 미션 p. 202 예제를 실행하여 2022년이 윤년인지 확인하는 결과 인증하기 const isLeapYear = function (year) { return year % 4 === 0 && (year % 100 !== 0 || year % 400 === 0);};선택미션 p. 240 확인 문제 1번 풀고, 풀이 과정 설명하기 논리연산자 &&를 통해 3가지 조건에 일치하는 값을 필터링 하도록 했다. filter 메서드는 비파괴적처리를 하기 때문에 result라는 새로운 변수에 필터링된 결과값을 할당했고,console.log에는 결과값이 할당된 result 변수를 출력했다.// 변수를 선언합니다.let numbers = [273, 25, 75, 52, 103, 32, 57, 24, 76]// 처리합..

기본 미션비파괴적 처리와 파괴적 처리의 의미와 장단점 설명하기비파괴적 처리:연산 후에도 원본 데이터가 바뀌지 않는 것예) 숫자 연산비파괴적 처리는 불변성을 유지하며 안정적인 코드 작성에 유리하지만, 메모리 사용량이 증가할 수 있다.파괴적 처리:연산 후에 원본이 바뀌는 것예) 배열의 push() 메서드.파괴적 처리는 메모리를 절약할 수 있지만, 원본 데이터가 변하기 때문에 사이드 이펙트가 발생할 수 있다.선택미션p. 173 확인 문제 3번 문제 풀고, 풀이 과정 설명하기공통적으로 함수실행 이후 원본 데이터에 변화가 있는지 확인하면 알 수 있다.비파괴적 처리> const strA = "사과, 배, 바나나, 귤";undefined> strA.split(",");["사과", " 배", " 바나나", " 귤"]>..

기본 미션p. 139 의 확인 문제 3번 문제 풀고 완전한 코드 만들어 비쥬얼 스튜디오 코드에서 실행 결과 인증하기 let x = 15;if (x > 10) { if (x 10 && x 선택미션p. 152의 예제 실행하여 본인의 띠 출력한 화면 캡처하기학습 기록if 조건문상반되는 조건이 있을 때는 if - else 구조를 사용하는 것이 좋다.조건은 상호배타적인 것이 좋다.else if 구문을 활용해 조건 비교 횟수를 줄이는 것이 좋다.if문:if 조건문은 조건식의 결과가 true이면 중괄호 안의 코드를 실행하고, false이면 건너뛴다.if(3 > 2){ console.log("진실")}else 구문:if 조건문 바로 뒤에 붙여 반대되는 조건에 대해 처리할 수 있다.if(3 if else if 조..

기본 미션p. 54의 에서 'Hello World' 출력하기 선택미션Ch.01(01-1) 확인 문제 1번 상세하게 적고 인증하기네이버 - 쇼핑, 블로그, 카페, 검색, vibe(음악), MYBOX 등.다음 - 뉴스, 검색, 메일, 지도 등.구글 - 검색, 이메일(Gmail), 지도(Google Maps), 클라우드 스토리지(Google Drive), 번역,인스타그램 - 이미지 및 동영상 업로드 기능, 스토리 기능, 무한 스크롤링, 그리고 다양한 애니메이션 효과페이스북 - 실시간 채팅, 알림 시스템, 동적 콘텐츠 로딩 기술학습 기록개발 환경 설치자바스크립트 프로그래밍을 하려면 텍스트 편집기(VSCode)와 코드 실행기(웹 브라우저)가 필요하다.코드 실행 방법콘솔에서 코드 한 줄씩 입력하고 실행하기크롬..

한빛미디어 혼공학습단 13기에 선정되었다. 개인적으로 윤인성님을 좋아하는데 혼자 공부하는 시리즈 자바스크립트와 파이썬 책의 저자이시다. 그래서 책은 이미 가지고 있었고, 취준 기간 중 복습 겸 가지고 있는 책을 완독하자는 생각에 신청하게 되었다. 개인적인 욕심으로는 혼자 공부하는 시리즈를 4권 가량 가지고 있기 때문에 이번 기수를 시작으로 매 기수 진행해서 가지고 있는 책을 모두 완독하고 싶다.혼공학습단 13기 활동 방법(3단계)활동은 간단하다. 주차별 주어진 기본 숙제(추가 숙제는 선택)를 진행하고 블로그에 기록 후 패들랫에 링크를 공유하면 된다. 책도 책이지만 윤인성님의 강의가 유튜브에 무료로 제공되기 때문에 강의와 함께 스터디를 진행할 생각이다.혼자 공부하는 자바스크립트 유뷰트 재생목록 혼자 공부하..