profile
아직은 달걀안의
post-thumbnail

javascript 재도전 6일차

저번 도전에서는 이 날에 포기했었지만 이번에는 클리어 했다.6일차에서 많이 해맸던 부분은 select에서 option을 선택해주는 부분과새로고침시 선택했던 선택했던 option이 그대로 유지되는 부분이 가장 헷갈렸다.element는 select를 선택하고 있는 변수이다

5일 전
·
0개의 댓글
post-thumbnail

자바스크립트 기초 7 배열 함수 10개

배열 함수들 Array APIs배열의 모든 요소를 연결해 하나의 문자열로 반환한다.join에 구분자를 넣지 않아도 기본적으로 ","가 출력된다.다른 구분자를 넣게 되면 const result = arr.join("|");=> h | e | l | l |o 이렇게 출력이

2020년 12월 31일
·
0개의 댓글
post-thumbnail

자바스크립트 기초 6 배열

프로그래밍 언어에서 비슷한 데이터들을 묶어서 한 곳에 모아두는 것을 말한다.object는 서로 연관된 특징과 행동들을 묶어놓는 것을 말하고 자료구조는 비슷한 object들끼리 묶어서 모아두는 것을 말한다.javascript는 dynamically typed langua

2020년 12월 31일
·
0개의 댓글
post-thumbnail

CSS 속성

폰트크기의 단위는 크게 3개로 나뉜다.px, em, rempx는 한번 정해지면 바뀌지 않는 정적요소이다.em과 rem은 사용자가 브라우저의 설정을 바꾸게 되면 크기가 달라지는 동적요소이다.최근에는 사용자가 폰트크기를 조정할수 있는 권리를 주기위해서 rem을 많이 쓰고

2020년 12월 23일
·
0개의 댓글
post-thumbnail

pseudo class selector(가상 클래스 선택자)

원래 클래스가 존재하지 않지만 가상 클래스를 임의로 지정하여 선택하는 방법이다. 마우스가 들어왔을때 등의 특정 상태에만 적용되는 가상의 클래스를 지정해주는 것이다.:active 마우스를 클릭하고 있는 상태:hover 마우스를 위에 올려놓은 상태:visited link에

2020년 12월 23일
·
0개의 댓글
post-thumbnail

CSS Selectors 게임으로 공부하기

게임으로 배우는 Css Selectors CSS Selector를 공부하려고 생활코딩을 보는 도중 게임으로 Selectors를 공부할 수 있는 사이트를 발견했다 CSS Diner!! 위의 게임은 Css 선택자를 공부하기 위해 깃허브에 올라와 있는 자료이다! 선택자

2020년 12월 23일
·
0개의 댓글
post-thumbnail

DreamCoding 헤더 만들기

오늘은 드림코딩 엘리님의 헤더만들기 영상을 따라해 보기로 한다.헤더의 디자인을 미리 생각하고 HTML을 어떻게 구성할 것인지를 생각한다반응형으로 하여 너비가 작을때와 클때를 나눠서 만들어 보려고 한다javascript로 toggle버튼을 만들어서 avtive clas

2020년 12월 14일
·
0개의 댓글
post-thumbnail

자바스크립트 기초 5

클래스는 붕어빵 틀과 같다고 생각하면 된다.데이터가 들어가 있지 않고 틀만 정의해 놓은 것이다.이 클래스를 이용해서 실제로 데이터를 넣어서 만드는 것이 Object이다!클래스가 도입되기 전에는 클래스를 정의하지 않고 바로 오브젝트를 만들었다.Class의 선언Person

2020년 12월 10일
·
0개의 댓글
post-thumbnail

자바스크립트 기초 4

Arrow Function은 무엇인가? 함수의 선언과 표현

2020년 12월 7일
·
0개의 댓글
post-thumbnail

자바스크립트 기초3 operator, if, for, loop

Nemeric operatorscounter에 1을 더하고 그 counter를 preIncremet에 할당한다.또 다르게 쓰게 되면 이렇게 counter 뒤에 ++를 붙이면 counter를 먼저 preIncrement에 할당하고 counter에 1을 더한다.let x

2020년 12월 5일
·
0개의 댓글
post-thumbnail

자바스크립트 기초 2

변수(variable)이란 하나의 상자와도 같다물건을 넣거나 보관하는 용도로 사용된다.상자와 변수의 차이점은 상자는 물건을 보관하지만 변수는 데이터를 보관한다.먼저 변수 let과 var를 비교하기 전에 Hoisting에 대해 설명하겠다변수의 선언문을 유효범위의 최상단으

2020년 12월 4일
·
0개의 댓글
post-thumbnail

바닐라 JS 2주 완성반 6일차 그리고 중단

JS 2주 완성반이 6일차에 접어들었다 6일차 에서는 localStorage를 사용해서 값을 저장하거나 불러오는 것을 했는데 원하는 기능을 구현해 내지 못했다 하루 종일 찾아보고 물어보고 해봤지만 이해력에 문제인가 결국 첼린지를 실패했다아직 챌린지를 하기에는 강의를 이

2020년 11월 30일
·
0개의 댓글
post-thumbnail

바닐라 JS 2주 완성반 5일차

5일차 멘붕중~ 오늘은 D-day를 만들어봤다 #3.0 HTML에서 javaScript에서 class 이름을 어떻게 쓰는가

2020년 11월 27일
·
0개의 댓글
post-thumbnail

바닐라 JS 2주 완성반 4일차

오늘은 화면의 크기가 변하면서 화면의 색깔을 다르게 하는 것이다.풀이처음 과제를 봤을 때는 쉬워 보였지만 막상 하고 보니 조금 어려웠던것 같다문법if안에 있는 조건식1이 참인 경우 if문을 실행한다조건식1이 참이 아니고 조건식2가 참인경우 else if문을 실행시킨다.

2020년 11월 26일
·
0개의 댓글
post-thumbnail

바닐라 JS 2주 완성반 3일차

3일차 사용한 JavaScript구문들 > #### document.querySelector() 제공한 CSS 선택자를 만족하는 첫 번째 Element 객체. 결과가 없다면 null. (즉 위에서 아래로 내려오면서 첫 번째의 ()안에 있는 Element를 선택한다)

2020년 11월 25일
·
0개의 댓글
post-thumbnail

바닐라 JS 2주 완성반 2일차+ 3일차 예습

#2.0 console.log는? console.log는 내장함수(built-in function)이라 한다 내장함수란? > 자바스크립트에서 자체적으로 제공하는 함수를 내장함수라고 한다. 이것은 이미 시스템에 정의되어 있기 때문에 사용자가 별도로 정의하지 않고 주어진 원칙에 따라 사용하며 되는 함수이다. 종류는 > eval(), parseint(), ...

2020년 11월 24일
·
0개의 댓글
post-thumbnail

JavaScript 기초

JavaScript에 궁금한 점이 있을때 들어가는 사이트! > MDN은 모든 프로그래머들이 애용하는 사이트 이다! JavaScript를 HTML에 효율적으로 포함 시키는법 head안에 JS를 넣었을때 > 브라우저는 html문서를 위에서 한줄씩 parsing하다가

2020년 11월 23일
·
0개의 댓글
post-thumbnail

바닐라 JS 2주 완성반 1일차

오늘부터 시작되는 2주 완성반의 1일차!\_\*\*밖으로 유출하면 안되기 때문에 쓸 수는 없지만1일차는 미리 예습을 했기 때문에 아주 쉽게 넘겼습니당ㅎㅎヾ( ̄▽ ̄) Bye~Bye~

2020년 11월 23일
·
0개의 댓글
post-thumbnail

노마더 코더 JS 예습

2020/11/23~2020/12/03까지 진행되는 NomadCoders의 Javascript 첼린지를 시작하기전에 미리 이론을 예습해보려고 한다. #1.0 javaScript란 무엇인가 > 1. 쓰이는 유일한 프로그래밍 언어이다 꾸준하고 빠르게 진화해오고 있는 프

2020년 11월 22일
·
0개의 댓글
post-thumbnail

javaScript도전!

기간: 11/23~12/03까지끝까지 포기하지않기 자바스크립트의 기본기 익히기매일매일 강의 듣고 블로그에 올리기

2020년 11월 20일
·
0개의 댓글