![[JS] ES6 async/await](/assets/img/blog/javascript/js.gif)
ES6 의 async await 문법에대해서 알아본다.
async function 은 ECMAScript2017에 표준으로 정의된 스펙입니다.
internet Explorer 외의 거의 모든 브라우저에서 동작되고 있으니 배울 가치는 충분합니다.
async/await 는 왜 사용하는 것일까요 ?
이 문법을 사용하면 프라미스를 좀 더 편하게 사용할 수 있습니다. async/await는 놀라울 정도로 이해하기 쉽고, 사용법도 어렵지 않습니다.
즉 async/await 는 promise를 다루기 쉽게 사용하기 위해서 고안된 문법이라고 생각하시면 되겠습니다.
이 포스팅을 읽기전에 Promise에 대해서 먼저 학습하시길 권합니다.
Link : Promise 학습하기
![[NODE] NODE.js 란 무엇일까요 ?](/assets/img/blog/node/logo.png){kind=logo}
NODE.js 란 무엇인가를 알아보고 어떠한 특징이 있으며 그 탄생 배경을 알아본다.
NODE JS 는 일반적으로 문법이 JavaScript 이며 JavaScript 엔진 V8 을 사용해서 JS를 실행할수 있는 런타임 실행환경 입니다.
ES6 Arrow Function(화살표 함수)에 대해서 학습하고 알아보자.
화살표 함수(Arrow function)는 function 키워드 대신 화살표(=>)를 사용하여 보다 간략한 방법으로 함수를 선언할 수 있다. 하지만 모든 경우를 화살표 함수로 변형해서 사용할 수 있는 것은 아닐 수 있기 때문에 상황을 고려 해야 합니다.
![[CSS] flex에 대해 알아보기](/assets/img/blog/css/css.png)
CSS FLEX 의 기본 개념과 학습법을 익히고 이를 활용해 보는 방법을 배워 보자
FLEX 란 레이아웃을 위해 탄생한 CSS 속성입니다.
FLEX를 알아보기 위해 layout 의 역사부터 살펴볼까요?
Promise 에 대해서 학습해보자
Promise 객체는 비동기 작업이 맞이할 미래의 완료 또는 실패와 그 결과값을 나타내는 객체입니다.
![[HTML] NAV TAG](/assets/img/blog/html/html.png)
NAV TAG 에 대해서 학습한다.
nav 태그는 콘텐츠 네이게이션 요소를 담는 요소입니다.
검색엔진이 크롤링을 할때 이 nav 요소안의 a링크를 긁어 가기 때문에 다음과 같이 사용하시는 것이 일반적으로 사용되는 방법입니다.
Javascript의 variable 의 종류와 사용방법에 대해서 알아보자 let,const,var
javascript 의 변수 keyword 는 총 3가지 입니다.
그렇다면 어떠한 것들로 변수를 선언하여 사용해야할까요? 어떠한 상황에서 저 3가지 변수 keyword를 사용해 변수를 선언해야하는지 어떠한 특성을 가지고 있는지 알아보는 것이 이번 포스팅의 목표 입니다.
Template literals 템플릿 리터럴 템플릿 스트링에 대해서 알아보자
템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴입니다. 여러 줄로 이뤄진 문자열과 문자 보간기능을 사용할 수 있습니다. 이전 버전의 ES2015사양 명세에서는 “template strings” (템플릿 문자열) 라고 불려 왔습니다.
JavaScript의 위치에 대해서 알아보자
전자의 경우는 간단한 스크립트의 경우이거나 해당 문서에만 적용되는 코드들, 초기화등에 자주 사용된다.
후자의 경우는 반복사용되는 코드들을 파일별로 저장해두고 필요에 따라 링크해 사용되곤 한다. 이와 같은 방식이 코드의 가독성과 실행순서, 의존성들을 확인하기에 수월하기 때문에 추천되는 방식이다.
DETAILS TAG 에 대해서 학습한다.
details 태그는 사용자가 직접 조작하여 보거나 숨길 수 있는 부가적인 세부사항(additional details)을 명시할 때 사용합니다.
details 요소는 보통 사용자가 직접 접거나 펼 수 있는 대화형 위젯(interactive widget)을 정의할 때 사용되며, 그 안에는 어떠한 종류의 콘텐츠도 포함될 수 있습니다.
이러한 details 요소의 콘텐츠는 open 속성이 설정되기 전까지는 화면에 보이지 않습니다.
summary 요소는 details 요소에서 화면에 보일 제목(visible heading)을 명시할 때 사용합니다. 이 제목을 마우스로 클릭함으로써 details 요소를 보이도록 할 수도 있고 숨길 수도 있습니다.
