반응형
반응형

[javascript] null, undefined, 공백 체크

 

// 넘어온 값이 빈값인지 체크합니다.
// !value 하면 생기는 논리적 오류를 제거하기 위해
// 명시적으로 value == 사용
// [], {} 도 빈값으로 처리
var isEmpty = function(value){
  if( value == "" || value == null || value == undefined || ( value != null && typeof value == "object" && !Object.keys(value).length ) ){
    return true
  }else{
    return false
  }
};
var value = 1; // Number 형 1 
console.log(value, typeof value); // 1 

number value = "1" // String 형 1 
console.log(value, typeof value); // 1 string
 
 
var value2 = "" 
if( value2 == ""){ 
    console.log("비어 있음"); 
}else{ 
    console.log("값이 있음"); 
}
 

 

반응형
반응형

기능 

  • 간단한 클라이언트 사이드 라우팅
  • Hot Module Replacement를 지원하는 Webpack 기반 작업환경
  • Express 나 그 어떤 Node.js 서버와 함께 사용 가능
  • Babel / Webpack 환경설정 커스터마이징 가능 

https://nextjs.org/

 

Next.js by Vercel - The React Framework

Production grade React applications that scale. The world’s leading companies use Next.js by Vercel to build static and dynamic websites and web applications.

nextjs.org

https://velopert.com/3293

 

[Next.js 2.0] 간단한 React 전용 서버사이드 프레임워크, 기초부터 본격적으로 파보기 | VELOPERT.LOG

Next.js, 작년부터 존재함을 인지해왔고, 뭔가 멋지다는것도 알고있었지만 그 동안 딱히 필요성을 못 느껴서 오랫동안, 아주 오랫동안 미뤄왔습니다. (이 포스트를 보시는 여러분들중 일부도 그러

velopert.com

Why Next.js

The world’s leading companies use and love Next.js

Zero Config

Automatic compilation and bundling. Optimized for production from the start.

Documentation →

Hybrid: SSG and SSR

Pre-render pages at build time (SSG) or request time (SSR) in a single project.

Documentation →

Incremental Static Generation

Add and update statically pre-rendered pages incrementally after build time.

Documentation →

TypeScript Support

Automatic TypeScript configuration and compilation.

Documentation →

Fast Refresh

Fast, reliable live-editing experience, as proven at Facebook scale.

Documentation →

File-system Routing

Every component in the pages directory becomes a route.

Documentation →

API Routes

Optionally create API endpoints to provide backend functionality.

Documentation →

Built-in CSS Support

Create component-level styles with CSS modules. Built-in Sass support.

Documentation →

Code-splitting and Bundling

Optimized bundle splitting algorithm created by the Google Chrome team.

Documentation →

 

 

 

반응형

'프로그래밍 > Script' 카테고리의 다른 글

[CSS] CSS Selector  (0) 2020.09.08
TypeScript-Handbook 한글 문서  (0) 2020.08.28
FileSaver.js - An HTML5 saveAs() FileSaver implementation.  (0) 2020.08.21
Using Google Charts  (0) 2020.08.19
Bootstrap 4.5  (0) 2020.08.18
반응형

웹의 프론트엔드 기술인 HTML, CSS, JavaScript를 웹에서 작성해서 바로 테스트 해볼 수 있고, 그 소스를 저장 공유할 수 있는 서비스이다.

 

https://jsfiddle.net/user/mill01/fiddles/

 

Settings - JSFiddle - Code Playground

 

jsfiddle.net

반응형
반응형

Vue(/vjuː/ 로 발음, view 와 발음이 같습니다.)는 사용자 인터페이스를 만들기 위한 프로그레시브 프레임워크 입니다. 다른 단일형 프레임워크와 달리 Vue는 점진적으로 채택할 수 있도록 설계하였습니다. 핵심 라이브러리는 뷰 레이어만 초점을 맞추어 다른 라이브러리나 기존 프로젝트와의 통합이 매우 쉽습니다. 그리고 Vue는 현대적 도구  지원하는 라이브러리와 함께 사용한다면 정교한 단일 페이지 응용프로그램을 완벽하게 지원할 수 있습니다.

Vue를 알아보기 전에 Vue에 대해 자세히 알고 싶다면 핵심 원칙과 샘플 프로젝트를 바탕으로 설명하는 비디오를 만들었으니, 참고하시면 좋을 것 입니다.

이미 숙련된 프론트엔드 개발자이고 Vue를 다른 라이브러리/프레임워크와 비교하고 싶다면 다른 프레임워크와의 비교를 확인하십시오.

 

https://kr.vuejs.org/v2/guide/index.html

 

시작하기 — Vue.js

Vue.js - 프로그레시브 자바스크립트 프레임워크

kr.vuejs.org

 

반응형
반응형
반응형
반응형

2019년과 이후 JavaScript의 동향 - JavaScript(ECMAScript)

https://d2.naver.com/helloworld/4007447

반응형

+ Recent posts