profile
(~˘▾˘)~♫•*¨*•.¸¸♪ ❝ 쉽게만 살아가면 재미없어 빙고 .ᐟ ❞
post-thumbnail

How the Web works?

인터넷에 띄운다는 것은 홈페이지의 구성파일들이(html, css, js) 인터넷에 항상 연결되고, 절대 꺼지지 않는 호스트 컴퓨터(웹 서버)에 저장되어 있다가 사용자의 요청이 오면 언제든 응답하는 것을 의미한다.

2020년 8월 28일
·
0개의 댓글
post-thumbnail

코린이를 위한 개발자 도구 A - Z

개발자 도구는 브라우저에서 제공하는 하나의 도구이다. Chrome, IE, Safari 모두 개발자 도구를 제공한다. 웹사이트를 즉각적으로 수정하고 문제의 원인을 파악하여 빠른 속도로 작업을 할 수 있게 도와주기 때문에 매우 매우 유용한 도구라고 할 수 있다.

2020년 8월 21일
·
0개의 댓글
post-thumbnail

TIL 29 | Javascript - Objects

Object (객체) 위의 표에 나타난 데이터를 자바스크립트 언어로 구현한다면 아래와 같이 저장해야 한다. > var 객체이름 = { property이름1: property값, property이름2: Property값 }; let plan1 = {

2020년 8월 20일
·
0개의 댓글
post-thumbnail

TIL 28 | Javascript - Class

클래스는 객체지향 프로그래밍의 핵심이다. 객체지향 프로그래밍이란, 프로그램을 객체들로 구성하고, 객체들 간에 서로 상호작용하도록 작성하는 방법이다. 객체는 영어로 object, 말그대로 사물을 뜻한다.클래스는 결국 { num: 1 } 처럼 생긴 객체(object)를 잘

2020년 8월 20일
·
0개의 댓글
post-thumbnail

TIL 27 | Javascript - Scope

JavaScript에서 scope이란, '변수가 어디까지 쓰일 수 있는지'의 범위를 의미한다.어떤 변수는 여기저기서 쓸 수 있는 반면에, 어떤 변수는 특정 함수 내에서만 쓸 수 있다. 이런 개념이 바로 scope이다.block이란 중괄호({}, curly brace)로

2020년 8월 20일
·
0개의 댓글
post-thumbnail

TIL 26 | Javascript 데이터 타입(2) - Date

날짜 객체를 호출하면 쉽게 시간과 날짜를 얻을 수 있다. 날짜 객체를 생성하는 방법은 다음과 같이 new 연산자 다음에 Date 생성자를 쓰면 된다.브라우저마다 표현하는 법이 조금씩 다르지만 어떻게 표현되었는지는 중요하지 않다. 일반적으로는 위와 같이 년, 월, 일,

2020년 8월 20일
·
0개의 댓글
post-thumbnail

TIL 25 | Javascript 데이터 타입 (1) - String & Number

typeof 연산자 typeof 연산자를 통해 이 값, 이 변수는 무슨 데이터 타입인지 알 수 있다. typeof 연산자를 적용하면 다음 문자열 중 하나를 반환한다. "undefined" : 정의되지 않은 변수 "boolean" "string" "number" "o

2020년 8월 19일
·
0개의 댓글
post-thumbnail

TIL 24 | Javascript 놓치지 않을거예요..

let newNum = num++;위의 한 줄짜리 코드에서 일어나는 과정을 스텝별로 보면1\. newNum 변수에 num변수를 할당해서 newNum에 1이 할당 되었고,2\. 그 후 num++; 가 실행되어 변수 num이 2가 된다.위의 스텝을 풀어서 작성하면 아래와

2020년 8월 19일
·
0개의 댓글
post-thumbnail

TIL 23 | Javascript Basics +ɑ

참고자료 : https://ko.javascript.info/js자바스크립트는 꽤 오랫동안 호환성 이슈 없이 발전해왔고, 기존의 기능을 변경하지 않으면서 새로운 기능이 추가되었다. 덕분에 기존에 작성한 코드는 절대 망가지지 않는다는 장점이 있었다. 2009년

2020년 8월 19일
·
0개의 댓글
post-thumbnail

TIL 22 | Javascript 소개

참고자료 : https://ko.javascript.info/jsMDN JavaScript ReferenceMozilla 재단이 운영하는 웹페이지로 다양한 예제와 정보를 찾아볼 수 있다. 특정 함수나 메서드에 대한 깊이 있는 정보를 얻을 수 있다. MSDN J

2020년 8월 19일
·
0개의 댓글
post-thumbnail

Semantic Web & Semantic Tag

본 포스팅은 [HTML 바로 알기] Semantic Web을 위한 Semantic Elements ( https://blueshw.github.io/2020/05/09/know-html-semantic-elements/ ) 를 바탕으로 작성되었습니다! Semantic

2020년 8월 19일
·
0개의 댓글
post-thumbnail

CSS Layout

HTML에서는 static 포지션이 기본값이다. 이는 HTML이 작성된 순서대로 나열이 되어있는 형태를 의미한다. 원하는 위치에 요소들을 배치하기 위해서는 relative, absolute, fixed와 같은 position 속성을 부여해주어야 한다.relative는

2020년 8월 19일
·
0개의 댓글
post-thumbnail

TIL 21 | HTML/CSS +α

wecode에서 새롭게 알게된 HTML/CSS 내용을 보충하여 작성한다.<span>에는 오른쪽 정렬이 되도록 클래스를 부여해도 오른쪽 정렬이 되지 않는다. 이는 <span>이 inline-element이기 때문에, <span>이 차지하는 영역은 "&lt

2020년 8월 18일
·
0개의 댓글
post-thumbnail

TIL 18 | Color Game 리뷰

Udemy의 The Web Developer Bootcamp 코스에서 진행한 실습이다.Github : https://github.com/MiaJLee/colorgamePage : https://miajlee.github.io/colorgame/init

2020년 7월 29일
·
4개의 댓글
post-thumbnail

TIL 17 | JS 프로젝트 그룹 리뷰

WeCode 그룹 리뷰를 통해 새로 배운 것들을 정리한다.Object.entries() 메서드는 for...in와 같은 순서로 주어진 객체 자체의 enumerable 속성 \[key, value] 쌍의 배열을 반환한다. (for-in 루프가 다른점은 프로토 타입 체인의

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

TIL 16 | To-do List 만들기 리뷰

jQuery 로 만들어봤던 To-do List를 순수 Javascript로 다시 만들어본다.To-do List 페이지To-do List 깃허브자바스크립트에 비해 코드가 훨씬 간단해진다.

2020년 7월 25일
·
1개의 댓글
post-thumbnail

TIL 15 | jQuery Basics

엘리먼트를 선택하는 강력한 방법과 선택된 엘리먼트들을 효율적으로 제어할 수 있는 다양한 수단을 제공하는 자바스크립트 라이브러리 \_생활코딩Fixes “broken” DOM APIBrevity and ClarityEase of useCorss-Browser Support

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

TIL 14 | DOM

Document Object Model의 약자로 Javascript와 HTML+CSS 사이의 인터페이스를 의미한다.tag.textcontent : 텍스트만을 가져옴tag.innerHTML : <></> 태그도 가져옴to read and write attrib

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

TIL 13 | JavaScript : Arrays & Objects

순서가 있는 컬렉션이 필요할때 배열을 이용할 수 있다.index number은 0부터 시작한다.push, pop맨 뒤에 item을 더하고 빼는 methodshift, unshift맨 앞 item 부터 더하고 빼는 methodpush와 unshift는 요소 여러 개를 한

2020년 7월 22일
·
2개의 댓글
post-thumbnail

TIL 12 | JavaScript : Functions

스크립트를 작성하다 보면 유사한 동작을 하는 코드가 여러 곳에서 필요할 때가 많다. 사용자가 로그인이나 로그아웃을 했을 때 안내 메시지를 보여주는 동작 같은 경우다.함수는 프로그램을 구성하는 주요 '구성 요소(building block)'다. 함수를 이용하면 중복 없이

2020년 7월 20일
·
2개의 댓글