자바스크립트/혼공챌린지
-
[#혼공챌린지] 혼자 공부하는 자바스크립트 5주차 미션자바스크립트/혼공챌린지 2021. 8. 8. 23:55
공부내용 정리 Chapter 07: 문서 객체 모델 Chapter 08: 예외 처리 기본 미션 p.315의 을 실행한 후 출력되는 고양이 이미지 인증샷 http://placekitten.com/너비/높이의 형태로 URL을 입력하면 적절한 크기의 고양이 이미지를 얻을 수 있는데, img 태그의 src 속성과 결합해 고양이 이미지를 출력할 수 있다. 인덱스는 0부터 시작하므로, 만일 1을 더해주지 않는다면 첫번째 이미지는 너비가 0이 되어 정보를 표출하지 못하게 될 것이다. 너무 귀엽다... const heigth = (index + 1) * 100을 추가하고, src를 http://placekitten.com/${width}/${height};로 설정해보았다. 너무 귀엽다...(2) 선택미션 p.352 누..
-
[#혼공챌린지] 혼자 공부하는 자바스크립트 4주차 미션자바스크립트/혼공챌린지 2021. 8. 1. 19:36
공부내용 정리 Chapter 05: 함수 Chapter 06: 객체 기본 미션 202쪽의 예제를 실행하여 2021년이 윤년인지 확인하는 결과 인증샷 윤년의 특징: 4로 나누어 떨어지는 해는 윤년이다. 하지만 100으로 나누어 떨어지는 해는 윤년이 아니다. 하지만 400으로 나누어 떨어지는 해는 윤년이다. 이러한 윤년의 특징을 isLeapYear()라는 함수로 구현한다. 숫자인 년도를 매개변수로 입력했을 때 윤년이면 true, 윤년이 아니면 false를 리턴한다. true, false를 리턴하는 함수는 보통 isOO()라는 이름으로 만든다. 내가 짠 식 const isLeapYear = (year) => { if (year % 4 === 0 && (year % 100 !== 0 || year % 400 =..
-
[#혼공챌린지] 혼자 공부하는 자바스크립트 3주차 미션자바스크립트/혼공챌린지 2021. 7. 25. 15:55
공부내용 정리 Chapter 04: 반복문 기본 미션 비파괴적 처리와 파괴적 처리의 의미와 장단점 설명하기 비파괴적 처리 처리 후에 원본 내용이 변경되지 않는다. const a = "안녕"; const b = "하세요"; const c = a + b; c; // "안녕하세요" a; // "안녕" b; // "하세요" a와 b의 내용이 변경되지 않았다. 파괴적 처리 처리 후에 원본 내용이 변경된다 const array = ["사과", "배", "바나나"]; array.push("귤"); // 4 array; // (4) ["사과", "배", "바나나", "귤"] array의 원본 내용이 변경되었다. 과거엔 컴퓨터 메모리의 부족으로, 프로그래밍 언어 및 라이브러리는 메모리를 절약해 사용하는 방식으로 설계되었..
-
[#혼공챌린지] 혼자 공부하는 자바스크립트 2주차 미션자바스크립트/혼공챌린지 2021. 7. 19. 07:22
공부내용 정리 Chapter 03: 자료형 기본 미션 p.139 확인 문제 3번 문제 풀고 완전한 코드 만들어 비주얼 스튜디오 코드에서 실행 결과 인증샷 x의 값을 두 조건을 모두 만족시키는 값인 15로 주었고, 책에 나온 중첩 조건문은 console에 표기하고, 내가 직접 기입한 조건식은 body에 표기되도록 했다. 두 조건 모두 참이 될 때만 실행되어야 하므로 빈칸에 들어갈 논리 연산자는 && 연산자. 선택미션 p.152의 예제 실행하여 본인의 띠 출력한 인증샷 지저분한 코드는 console에 표기하고, split 메소드를 사용한 것은 body에 표기되도록 했다. 난 쥐띠고, 마침 쥐띠가 12간지 중 첫번째다보니 자연스럽게 쥐를 첫번째 조건식에 넣으려고 생각했는데, 구현이 어려웠다. 근데 그냥 쥐를 ..
-
[#혼공챌린지] 혼자 공부하는 자바스크립트 1주차 미션자바스크립트/혼공챌린지 2021. 7. 10. 19:15
노마드코더에서 챌린지를 수강하며 과제가 주어졌을 때 공부의 능률이 오른다는 것을 알게 돼서, 한빛미디어에서 진행하는 혼공챌린지를 신청했다. 공부내용 정리 Chapter 01: 기본 용어 Chapter 02: 자료와 변수 증감연산자 n++과 ++n은 예전부터 항상 헷갈렸는데, 이번에 완벽하게 이해했다! 기본 미션 p.54의 에서 'Hello World' 출력하기 선택미션 Ch.01-1 확인 문제 1번 상세하게 적고 인증샷 "인터넷을 돌아다니면서 보았던 쉽게 사용할 수 있고, 기능이 많다고 느꼈던 웹 사이트를 5개 정도 적어 보세요." 유튜브 Youtube 검색, 업로드, 영상 재생, 알고리즘 등. 넷플릭스 Netflix 프로필 별 영상 추천, 예고편 재생, 영상 슬라이더 등. 트위터 twitter 실시간 ..