- WEB/JavaScript · jQuery 썸네일형 리스트형 혼공 자바스크립트 스터디그룹 6주차 Chapter 07-08 문서 객체 조작하기 #혼공학습단 #혼공 #혼공JS 혼공 자바스크립트 스터디그룹 6주차 #혼공학습단 #혼공 #혼공JS 6주차 (8/15~8/21) 진도범위 : Chapter 07-08 문서 객체 조작하기 이벤트 활용 구문 오류와 예외 예외 처리 고급 1. 기본미션 : p.315의 을 실행한 후 출력되는 고양이 이미지 캡쳐하기. http://placekitten.com/width/height width를 (index0+1)*100 = 100px (index1+1)*100 = 200px (index2+1)*100 = 300px (index3+1)*100 = 400px (index4+1)*100 = 500px 이 되게 만들어서, src 속성에 값을 넣음! height 값은 고정 250! 문서의 객체 속성 조작하기 메소드 이름 설명 문서 객체.setAttribu.. 혼공 자바스크립트 스터디그룹 5주차 Chapter 06 미션 객체,속성,메소드가 뭘까? #혼공학습단 #혼공 #혼공JS 혼공 자바스크립트 스터디그룹 5주차 #혼공학습단 #혼공 #혼공JS 5주차 (8/8~8/14) 진도범위 : Chapter 06 객체 객체의 기본 객체의 속성과 메소드 사용하기 객체와 배열 고급 1. 기본미션. 객체, 속성, 메소드가 무엇인지 설명하기 속성(Property) name과 value로 표현되는 속성. 메소드(Method) 속성 중에서 동작(함수)인 것. 객체(Object) 실제로 존재하는 사물. name과 value로 구성된 속성을 가진 기본 데이터 타입. 대체 객체가 뭔데! 메소드는 뭔데! 이랬던 시절이 있는데 그땐 그냥 외웠다. 뜻은 모르고 그냥 이정도를 객체라고 하는구나.. 이젠 알긴 아는데 어떻게 설명해야할지 모르겠다.. 😂 배열과 같이 객체도 여러가지 자료를 한번에 다룰 수 있는 특별한.. 혼공 자바스크립트 스터디그룹 4주차 Chapter 05 미션 #혼공학습단 #혼공 #혼공JS 함수만들기 혼공 자바스크립트 스터디그룹 4주차 #혼공학습단 #혼공 #혼공JS 4주차 (7/25~7/31) 진도범위 : Chapter 05. 함수 Chapter 05. 함수 익명함수 선언적함수 매개변수 콜백함수 화살표함수 타이머함수 즉시호출함수 1. 기본 미션 : p.202 예제를 실행하여 2022년이 윤년인지 확인하는 결과 인증샷 기본적인 함수 예제 👉 윤년을 확인하는 함수 만들기. 윤년은 2월 29일 4로 나누어 떨어지는 해는 윤년이다. 하지만 100으로 나누어 떨어지는 해는 윤년이 아니다. 하지만 400으로 나누어 떨어지는 해는 윤년이다. 윤년의 특징을 조건부 연산자를 사용해 isLeapYear()라는 이름의 함수로 구현. 자바스크립트에서true 또는 false를 리턴하는 함수는 is★★★이라는 이름으로 만드는.. 혼공 자바스크립트 스터디그룹 3주차 Chapter 04 미션 #혼공학습단 #혼공 #혼공JS 비파괴적 처리 / 파괴적 처리 혼공 자바스크립트 스터디그룹 3주차 #혼공학습단 #혼공 #혼공JS 3주차 (7/18~7/24) 진도범위 : Chapter 04 Chapter 04. 배열 배열. 요소 추가하기 자료의 비파괴와 파괴 반복문 for in for of for while continue 중첩 반복문 사용하기 예제들 1. 기본 미션 : p.169 자료의 비파괴적 처리와 파괴적 처리의 의미와 장단점 설명하기 1. 비파괴적 처리 - 장점 : 원본 데이터를 보호하며 작업할 수 있다. 하나의 원본 데이터를 여러곳에 사용할 수 있다. - 단점 : 메모리를 많이 차지한다. 2. 파괴적 처리 - 장점 : 메모리를 절약할 수 있다. - 단점 : 원본 데이터가 변경되기 때문에 두가지 중 뭐가 더 좋다고 할 수는 없다. 파괴적 처리라고 무조건 틀린.. 혼공 자바스크립트 스터디그룹 2주차 Chapter 03 미션 #혼공학습단 #혼공 #혼공JS 혼공 자바스크립트 스터디그룹 2주차 #혼공학습단 #혼공 #혼공JS 2주차 (7/11~7/17) 진도범위 : Chapter 03 Chapter 03. 조건문 if 조건문 if else 조건문 중첩 조건문 if else if 조건문 switch 조건문 조건부 연산자 짧은 조건문 1. 기본 미션 : p.139 확인 문제 3번 문제 풀고 완전한 코드 만들어 비주얼 스튜디오 코드에서 실행 결과 인증샷 문제 정답은 && vs code에서 어떻게 실행해야 하는지 모르겠다 🤔 크롬으로 열어보자. x 값을 15로 넣어 콘솔창 확인하니 조건에 맞다고 한다 !! x 값을 11~19가 아닌 다른 값을 넣으면 console.log에 아무것도 나오지 않는다. if 뒤에 else{ console.log('조건에 맞지 않습니다')}.. 혼공 자바스크립트 스터디그룹 1주차 Chapter 01 ~ 02 미션 #혼공학습단 #혼공 #혼공JS 혼공 자바스크립트 스터디그룹 1주차 #혼공학습단 #혼공 #혼공JS 1주차 (7/4~7/10) 진도범위 : Chapter 01 ~ 02 자바스크립트란 웹 브라우저에서 작동하는 프로그래밍 언어입니다. ECMAScript란 유럽컴퓨터제조협회에서 표준화한 자바스크립트의 공식 명칭입니다. 웹애플리케이션이란 기존의 웹페이지보다 많은 기능을 구현한 웹 페이지를 말합니다. 개발환경 설치와 코드 실행 텍스트에디터 : 비주얼스튜디오 코드 / 코드 실행기 : 구글 크롬 웹 브라우저 1. 기본 미션 : p.54의 에서 'Hello World' 출력하기 (p54~) 1단계 : HTML 페이지 생성하기 2단계 : HTML 페이지 작성하기 emmet으로 html:5 입력후 Tab 또는 Enter 눌러서 자동완성. 태그 내부에 태그.. 혼자 공부하는 자바스크립트 #혼공스 #혼공학습단8기 #커리큘럼정리 혼자 공부하는 자바스크립트 #혼공학습단 #혼공단 #혼공JS # 진도 기본 미션 선택 미션 1주차 Chapter 01 ~ 02 p.54의 에서 'Hello World' 출력하기 Chapter 01(01-1) 확인 문제 1번 상세하게 적고 인증샷 2주차 Chapter 03 p.139 확인 문제 3번 문제 풀고 완전한 코드 만들어 비주얼 스튜디오 코드에서 실행 결과 인증샷 p.152의 예제 실행하여 본인의 띠 출력한 화면 캡쳐하기 3주차 Chapter 04 비파괴적 처리와 파괴적 처리의 의미와 장단점 설명하기 p.173 확인 문제 3번 문제 풀고, 풀이 과정 설명하기 4주차 Chapter 05 202쪽의 예제를 실행하여 2022년이 윤년인지 확인하는 결과 인증샷 p.240 확인 문제 1번 풀고, 풀이 과정 설.. Svelte 자바스크립트 웹 애플리케이션 개발 프레임워크 ( = 리액트. 뷰. 앵귤러 등) https://svelte.dev/ Svelte • Cybernetically enhanced web apps Svelte is a radical new approach to building user interfaces. Whereas traditional frameworks like React and Vue do the bulk of their work in the browser, Svelte shifts that work into a compile step that happens when you build your app. Instead of using tec svelte.dev 튜토리얼, REPL 이용해 스터디. node JavaScript : 불 자료형으로 변환 - Boolean() 함수 JavaScript : 불 자료형으로 변환 - Boolean() 함수 > Boolean(0) false > Boolean(NaN) false > Boolean("") false > Boolean(null) false > let 변수 undefined > Boolean(변수) false 0, NaN, "", null, undefined 자료형은 -> false로 변환됨. (암기!!) JavaScript 복합 대입 연산자 활용 JavaScript 복합 대입 연산자 활용 // 변수 선언 let list=''; // 연산자 사용 list += ''; list += 'list 1'; list += 'list 2'; list += ''; // 문서에 출력 document.write(list); 이전 1 다음
