JavaScript
[JavaScript] 반응성 (Reactivity)
자바스크립트의 반응성(reactivity) 에 대해 알아보자.
[JavaScript] requestAnimationFrame
JS requestAnimationFrame (rAF)
[JavaScript] 이벤트 위임 (event delegation)
JS 이벤트 위임
[JavaScript] IE 브라우저 감지
ie 브라우저로 접속 시에만 결과값이 보인다.
[JavaScript] 이벤트 핸들러 1번만 적용하고 제거하기
기본적인 이벤트 핸들러의 선언 및 제거방법
[JavaScript] 자주 사용하는 정규식 메모
자주 쓰는 정규식 메모
[JavaScript] Math.random 을 사용한 난수 생성
shuffleRandom 함수가 전달받은 매개변수 n 개 만큼
배열을 생성 & 값을 섞어서 난수를 발생하는 방법
[JavaScript] input 전화번호 입력시 하이픈(-) 자동 붙이기
input에 전화번호 입력시 하이픈(-)이 글자수에 따라 자동으로 붙는 스크립트
02-1234-1234 식으로 하고싶으면
조건별 length와 substr를 수정하면 된다.
[JavaScript] 간단한 아코디언 토글
jQuery 없이 바닐라JS 만으로 구현.
Toggle 버튼 클릭시 내용 부분이 아코디언 형태로 토글된다.
JS로는 단순하게 클릭시 여닫는 기능만 있고
CSS의 Trantransition 값으로 부드러운 효과를 나타낸다.
[JavaScript] 글자수 체크, 문자열 길이 구하기(한글 포함)
Javascript에서 문자열 길이를 체크할때, 그냥 length를 사용하면
1Byte인 영문, 숫자 입력시엔 상관없지만
한글 ‘가’ 입력시에도 length 값은 1로 나온다.
아래 스크립트는 escape() 함수를 이용해 입력받은 값이 한글인지 판단 후 글자수를 2byte로 계산해준다.
[JavaScript] 나쁘지만 사용해야 하는 부분
나쁘지만 사용해야 하는 부분
- 자바스크립트에서 나쁘지만 피하기 힘든 문제가 있는 부분들을 잘 인지하여 사용할 수 있도록 하자.
[JavaScript] 정규표현식
정규표현식
[JavaScript] 배열
Array (배열)
[JavaScript] 상속
Inheritance (상속)
[JavaScript] 콜백, 모듈, 커링, 메모이제이션
콜백, 모듈, 커링, 메모이제이션
[JavaScript] 함수
Function (함수)
[JavaScript] 객체
Object (객체)
[JavaScript] 기본, 타입, 함수
자바스크립트
etc
Replication
Replication
리눅스 계정관리 명렁어
계정관리 명령어
RAID - 디스크배열
디스크배열(RAID)
GCM
GCM(Google Cloud Messaging)
File System
[파일시스템]
TCP/IP
TCP/IP란
OSI 7 계층
OSI 7 계층
3 way hand shake
3 way hand shake
Gulp-less
Gulp를 사용하여 CSS 전처리기인 LESS를 컴파일 해보자
CentOs 7.x / Node js yum install
[Install Node.js 7.x repository (7.x 버전부터는 아래 추가)]
CentOs 7.1v / APM(php 7) install
centos 7.1 v 에서 apm 설치
NodeJS
[Nodejs] request와 cheerio를 이용한 웹페이지 크롤링
request와 cheerio를 이용한 웹페이지 크롤링
[Nodejs] express module - request, response 객체
express module
[Nodejs] HTTP module
Node.js HTTP module
[Nodejs] Email Send
Node js 로 이메일을 보내기 위해 nodemailer 모듈을 설치
forever & nodemon & supervisor
forever, nodemon, supervisor 이런 모듈은 전역 모듈이므로 -g 옵션을 사용하여 한번만 설치하면 된다.
React
[React] Styled-Components
스타일 컴포넌트
※ 버전에 따라 사용법이 조금 다르다보니 공식문서를 참고하는 편이 가장 좋다. 공식문서 : https://styled-components.com/docs
[React] Hook, State
클래스 컴포넌트와 함수 컴포넌트
[React] JSX, Props
JSX / 컴포넌트
[React] create-react-app 작업 내용을 build 하기
빌드를 하면 react 소스를 js 소스로 변환할 수 있다.
즉 NodeJs / React가 구축되어있지 않은 환경에서 동작도 되고, 소스 압축도 해준다.
빌드 하는 방법은 매우 간단하다.
[React] Windows or CentOS7 / React + create-react-app + yarn + Node js 환경 구축
React를 사용해보고싶지만 webpack / babel 등을 설정하느라 시간을 투자하기 싫을때
create-react-app 도구를 사용하면
React 작업환경을 명령어 하나로 설정 할 수 있다.
AngularJS
Back to Top ↑CSS
[SCSS] Guide
[선택자]
[CSS] Reset
자주 사용하는 CSS 리셋 코드
test
test
1
마크다운 - 테마 스타일 확인용
so-simple-theme 테마에서의 마크다운 스타일
출처
Plugin
[JS - Plugin] Scroll Masic
Scroll Masic Plugin
html
HTML 전역 속성 사용하기
전역 속성(Global attributes)은 모든 HTML의 공통 속성이다.