긍정적 사고, 음식의 절제, 규칙적인 운동

 jQuery - append, prepend, after, before

before : 선택한 요소의 앞에 내용 삽입

after : 선택한 요소의 뒤에 내용 삽입 

prepend : 선택한요소의 자식요소 앞에 내용삽입

append : 선택한요소의 자식요소 뒤에 내용삽입

.

 Deleting duplicated values from html form drop-down option list.

HTML 양식 드롭 다운 옵션 목록에서 중복 된 값 삭제

<select name="det_pas_object_gatve" class="det_pas_object_select_css">
<option selected="selected" value="">--- Choose street ---</option>
    <option value="Barrow">Barrow</option>
    <option value="Hornets">Hornets</option>
    <option value="Barrow">Barrow</option>
    <option value="Stanley">Stanley</option>
    <option value="Simon">Simon</option>
    <option value="Barrow">Barrow</option>
</select>





var foundedinputs = [];
       $("select[name=det_pas_object_gatve] option").each(function() {
         if($.inArray(this.value, foundedinputs) != -1) $(this).remove();
         foundedinputs.push(this.value);
       });

[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("값이 있음"); 
}
 

www.w3schools.com/cssref/css_selectors.asp

www.w3schools.com/cssref/trysel.asp

CSS Selectors

In CSS, selectors are patterns used to select the element(s) you want to style.

Use our CSS Selector Tester to demonstrate the different selectors.

SelectorExampleExample description

TypeScript-Handbook 한글 문서,  TypeScript Handbook을 번역하는 프로젝트입니다.

https://typescript-kr.github.io/

기능 

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

https://nextjs.org/

https://velopert.com/3293

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 →