profile
코린이 🙆

React : Intro

React는 Facebook에서 만든 것으로 사용자 인터페이스(UI)를 위한 JavaScript의 library이다.리엑트를 선택한 가장 큰 이유 중 하나는, 생태계가 잘 구성되어 있다. 많은 사용자들 덕에 다양한 학습자료를 쉽게 찾아볼 수 있다. 또한 페이스북에서 개

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

JS : allow function

allow function은 ES6에서 나온 문법이다. ES6가 무엇인지 잠깐 짚고 넘어가자면, > ES는 ECMA Script의 줄임말로, ECMA Script는 JavaScript를 표준화 시키려고 탄생한 것이다. 현재는, ES10버전까지 나왔고 주로 쓰이는 것

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

Html : <button>과 <input type="button">

<button> 과 <input type="button">의 차이점은?

2020년 10월 2일
·
0개의 댓글

JS : 삼항연산자

삼항 연산자란? 👉 JavaScript에서 세 개의 피연산자를 취할 수 있는 유일한 연산자이며 보통 if 명령문의 단축 형태로 쓰인다.

2020년 10월 1일
·
0개의 댓글

JS : event.target;과 event.currentTarget;

Instagram 클론코딩을 진행하면서 나를 많이 괴롭혔던(?) 그래서 많이 배웠던 몇 가지에 대해 정리해 보고자한다 😭그 중 하나가 바로 event.target 이였다!

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

JS : DOM

📖 BOM(Browser Object Model) 1. BOM의 정의 >웹 서비스 개발은 브라우저와 밀접한 관련이 있다. 모든 서비스는 사실 브라우저를 바탕으로 실행되기 때문이다. 이때 브라우저와 관련된 객체들의 집합을 Browser Object Model 이라고

2020년 9월 30일
·
0개의 댓글

JS : Classes

나는 이미 CSS를 통해서 많은 class를 만나왔지만 이번에는 그것과는 전혀 다른, 연관 없는 새로운 Class에 대해서 배울 것이다. Class는 객체지향 프로그램의 핵심이라고 할 수 있다. 그러면 객체 지향 프로그램이란 무엇이냐? 객체지향 프로그램이란, 프로그램

2020년 9월 21일
·
0개의 댓글

HTTP

오늘은 웹서비스 개발자라면 당연히 알고 있어야 할 핵심 프로토콜!! HTTP에 대해서 공부했다 > HTTP란? >* HTTP는 HyperText Transfer Protocol의 약자이다. * 그래서 HyperText Transfer Protocol이 뭔데? 🤔

2020년 9월 21일
·
0개의 댓글

Dev Tools

개발자도구 중 자주 사용되는 툴에 대해서 정리해 보고자 한다.

2020년 9월 21일
·
0개의 댓글

JS : Null vs Undefined

기본적으로 값이 할당되지 않은 변수는 undefined 타입이며, 이 타입은 변수 자체의 값 또한 undefined 이다. 즉, 정의되지 않은 것, 초기화되어 있지 않거나 존재하지 않는 객체의 프로퍼티 및 존재하지 않는 배열의 원소값에 접근하려고 할때 얻어지는 변수의

2020년 9월 19일
·
0개의 댓글

JS : Object

객체! 객체!!! 객체!!!! 과연 그 객체란 무엇인가?'객체'라는 단어는 프로그래밍을 배우면서 가장 많이 듣게 되는 단어가 아닌가 싶다. 그만큼 중요하고 잘 알아두어야 하는 부분일 것이다.객체는 중괄호로 감싸져 있고,콜론으로 구분 된 이름/ 값의 쌍들이 쉼표로 분리된

2020년 9월 19일
·
0개의 댓글

CSS : display: none;과 visibility: hidden;

CSS를 하다보면 흔히 볼 수 있는 한 가지 display 값은 none이다. 일부 특별한 엘리먼트에서는 none을 기본값으로 사용하기도 하는데, 이 값은 자바스크립트에서 엘리먼트를 실제로 삭제하거나 재생성하지 않고도 엘리먼트를 보이고 감추는 데 흔히 사용된다. 그

2020년 9월 15일
·
0개의 댓글

CSS : small TIP

CSS를 공부하다보면 사소하지만 중요한 CSS TIP들이 있다. 그래서 자칫하면 놓치기 쉬운 CSS TIP들을 정리해보기로 했다 🙂

2020년 9월 15일
·
0개의 댓글

Semantic Web, Semantic Tag

시맨틱 웹 은 "의미론적인 웹" 즉, 기계가 이해할 수 있는 형태로 제작된 웹을 의미한다. 요즘 사람들 중 google, naver와 같은 검색 엔진을 사용하지 않는 사람을 찾기는 어려울 것이다. 이런 검색엔진은 로봇(Robot)이라는 프로그램을 이용해 매일 전세계의

2020년 9월 15일
·
0개의 댓글

CSS : float

float는 CSS에서 정렬하기 위해 사용되는 속성이다.

2020년 9월 14일
·
0개의 댓글

CSS : position -relative, absolute, fixed

Element의 위치에 관여하는 position property에 관해서 알아보도록 하자.

2020년 9월 14일
·
0개의 댓글

JS : Array. method

Array method를 정리하는 시간을 가져보자

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

JS : Hoisting과 var, let, const

Hoisting(호이스팅)이란 사전적 의미로는 '끌어올린다'는 의미로 변수나 함수의 선언을 스코프의 위로 끌어올린다는 것을 의미한다

2020년 8월 17일
·
0개의 댓글

JS : var, let, const?

javaScript의 변수 종류인 var let const에 대해서 알아보자.

2020년 8월 17일
·
0개의 댓글

CSS : Peusdo-Element Selector

위의 이미지는 내가 만든 자기소개 페이지의 상단 navigation bar이다. 디자인적 요소를 위해서 회색의 라인을 추가 했는데, 문제는 element 보다 짧은 border line 을 만들려고 하다보니 일반적인 border 속성으로는 구현이 어려웠다. 그래서

2020년 8월 13일
·
0개의 댓글