개발

    [기초] 자바스크립트 DOM선택자 정리
    개발/Javascript

    [기초] 자바스크립트 DOM선택자 정리

    Javascript로 현대 모던 자바스크립트 환경에서는 할수 있는것들이 많이 있다. (서버를 만들다던지 데스크탑 앱을 만든다던지 머신러닝을 한다던지 참으로 많다) Dom 조작을 하기위해 Javascript로 Dom을 선택해서 바꿀수있는 Dom Selector에 대해서 정리해보았다 1. getElementById 가장 많이 쓰는 Dom Selector 메소드 인데, HTML의 id 값을 선택하는 선택자 입니다. See the Pen by kimchunyong (@kimchunyong) on CodePen. 2. getElementsByName html tag의 name=""의 name명을 선택하는 선택자입니다. See the Pen by kimchunyong (@kimchunyong) on CodePen...

    REST API란 무엇일까?
    개발

    REST API란 무엇일까?

    프론트개발을 함에 있어서 REST API 와 서버통신에 대한 개념은 중요 요소이다. 백엔드 개발자와의 협업에 있어 내가 어떻게 요청을 할테니 서버에서는 이렇게 처리해서 이 값을 이렇게 주세요! 이런식의 티키타카가 필요하기때문에, 오늘은 REST가 무엇이며 Http Method는 각각 어떤 특성이 있는지 짧게나마 글로 정리를 해보았습니다. REST란? Representational State Transfer의 약자이며, 다음과 같이 구성되어 있다. 자원(Resource): URI 행위(Verb): HTTP Method 표현(Representations) REST는 URI를 통해 자원을 표시하고, HTTP Method를 이용하여 해당 자원의 행위를 규정하여 그 결과를 받는 것을 말한다. HTTP Method..

    모던 자바스크립트는 언제부터일까?
    개발/Javascript

    모던 자바스크립트는 언제부터일까?

    ES6? ES2015? 자바스크립트는 많은 변천사를 겪어왔고, ES6를 거치면서 모던 자바스크립트가 시작되었다. 자바스크립트는 일년에 한번씩 버전을 출시한다. 자바스크립트도 프로그래밍 언어인 만큼 매년 업데이트가 되는 것이다. 여기서 말하는 자바스크립트의 버전을 나타내는 것이 바로 ES+버전 번호 or 연도 인 것이다. 즉 ES2015는 2015년에 나온 자바스크립트 업그레이드 버전을 뜻하며 ES6라고도 한다. ES는 자바스크립트 표준을 이야기하며, 자바스크립트는 이것을 구현한 것이다. 그렇다면 ES6에서는 뭐가 업그레이드 되었나? const, let ES6에서는 기존의 자바스크립트 변수 선언 방식인 var대신, const와 let이라는 새로운 변수 선언 방식을 내놓았다. const, let은 var와 ..

    [기초] javascript 구성요소
    개발/Javascript

    [기초] javascript 구성요소

    모든 프로그래밍언어는 돌아가는 패더라임이 비슷하지만 각 언어의 특징이 있다. 각 나라의 언어를 예로 들면 각 나라의 언어도 그 나라의 문화가 깃들어 있는 특징이 있다. 우선 이 특징들을 알아가기 전에 자바스크립트가 어떻게 구성되어있는지를 알아보면 좋을꺼같다. 1. LEXICAL GRAMMAR CONTROL CHARACTER - 제어문자 WHITE SPACE - 공백문자 LINE TERMINATORS - 개행문자 COMMENTS - 주석 KEYWORD - 예약어 LITERALS - 리터럴 2. LANGUAGE ELEMENT STATEMENTS - 문 공문, 식문, 제어문, 선언문, 단문, 중문 EXPRESSION - 식 값식, 연산식, 호출식 IDENTIFIER - 식별자 기본형, 참조형(변수,상수) a ..

    [기초편] HTML이란 무엇일까?
    개발/HTML,CSS

    [기초편] HTML이란 무엇일까?

    어떤 지식을 배우거나 할때는 가장먼저 그것이 왜 나왔고, 어디에 쓰이는지 알아보는 습관이 가장 중요하다고 생각한다. 그렇다면 HTML이 나오게 된 배경은 무엇일까? HTML의 탄생 배경 HTML 최초의 일반 공개 설명은 1991년 말에 버너스리가 처음으로 인터넷에서 문서를 "HTML 태그"(HTML tag)로 부르면서 시작되었다. 그것은 머릿글자로 이루어진 20개의 요소를 기술하였고, 상대적으로 HTML의 단순한 디자인이었다. 하이퍼링크를 제외한 HTML 태그들은 CERN 자체의SGML기반 문서화 포맷인 SGMLGUID에 강하게 영향을 받았다. 이 요소 중 13개는 HTML 4 버전에서도 여전히 존재한다. HTML은 동적인 웹 페이지의웹 브라우저를 통한 문자와 이미지 양식이다. 문자 요소의 대부분은 19..

    [기초] javascript Scope
    개발/Javascript

    [기초] javascript Scope

    변수선언 규칙 const를 기본으로 사용한다. 변경이 될 수 있는 변수는 let을 사용한다. var는 사용하지 않는다. let block 유효 범위를 갖는 지역 변수를 선언하며, 선언과 동시에 임의의 값으로 초기화 할 수도 있다. let 은 var 키워드와는 다르게 블록 범위를 무시하고 전역 변수나 함수 지역 변수로 선언될수 없다. //var function varTest(){ var x = 1; if(true) { var x = 2; //상위 블록과 같은 변수! console.log(x); //2 } console.log(x); //2 } //let function letTest(){ let x = 1; if(true) { let x = 2; //상위 블록과 다른 변수 console.log(x); //..

    티스토리툴바