profile
아직은 달걀안의

타입변환과 단축평가

타입변환의 종류로는 2가지가 있다.하나는 명시적 타입 변환(타입 캐스팅),다른 하나는 암묵적 타입 변환(타입 강제 변환)이다.자바스크립트는 동적 타입언어로써 개발자의 의도와는 상관없이 자바스크립트 엔진에 의해 암묵적으로 타입이 자동 변환되기도 한다.다시 말하면 예상치

2021년 4월 9일
·
0개의 댓글

제어문

제어문이란 주어진 조건에 따라 코드 블록을 실행하거나 반복실행 할 때 사용한다.일반적으로 코드는 위에서 아래로 순차적으로 실행된다. 제어문은 코드의 실행순서를 인위적으로 제어할 수 있다.조건문은 주어진 조건식의 평가 결과에 따라 코드블럭의 실행을 결정한다. 조건식은 b

2021년 4월 8일
·
0개의 댓글
post-thumbnail

연산자

표현식 과 연산자 표현식 표현식은 리터럴, 식별자, 연산자, 함수 호출 등의 조합을 말한다. 표현식은 평가되어 하나의 값을 만든다. 즉 표현식은 하나의 값으로 평가될 수 있는 문이다. 표현식은 리터럴 표현식, 연산자 표현식, 함수/ 메소드 호출 표현식 등으로 나누

2021년 4월 7일
·
0개의 댓글

데이터 타입과 변수

변수 변수는 값의 위치를 기억하는 저장소이다. 값의 위치란 값이 위치하고 있는 메모리 상의 주소를 의미한다. 즉 변수란 값이 위치하고 있는 메모리 주소레 접근하기 위해 사람이 이해할 수 있는 언어로 명명한 식별자이다. 메모리에 값 저장 메모리에 값을 저장하기 위

2021년 4월 6일
·
0개의 댓글
post-thumbnail

CSS 프로퍼티 값 단위

대부분 브라우저의 폰트 사이즈 기본값은 16px, 1em, 100%이다 프로퍼티 값이 0인 경우, 단위를 생략할 수 있다.절대 길이 단위는 다른 것과 관련이 없으며 일반적으로 항상 동일한 크기로 간주된다.cm(센티미터) , mm(밀리미터) , Q(1/4밀리미터) , i

2021년 4월 4일
·
0개의 댓글

CSS Selector 종류

CSS Selector 종류 1. 전체 셀렉터 > " * " html문서 내의 모든 요소를 선택한다. 2. 태그 셀렉터 지정된 태그명을 가지고 있는 요소를 선택한다. 3. ID 셀렉터 id 속성을 가지고 있는 요소를 선택한다. id가 일치할때만 적용이 되고 중

2021년 4월 4일
·
0개의 댓글

HTML5과 Semantic Web에 대해서

HTML 5 란 무엇인가? Semantic Web이란 무엇인가?

2021년 3월 31일
·
0개의 댓글

다수의 버튼에 clickEvent적용하기

1\. 지역이름의 버튼을 클릭 시 그에 따른 이미지가 화면에 출력되는 것2\. 화면에 출력 시 opacity animation을 주는 것3\. 화면에 이미지가 출력되있는 상황에서 다른 버튼들을 클릭하면 기존의 이미지는 없어지고 클릭한 버튼에 따른 이미지가 출력되게 하는

2021년 3월 24일
·
0개의 댓글
post-thumbnail

javascript 재도전 6일차

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

2021년 1월 16일
·
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개의 댓글