Momentum
바닐라 JS로 브라우저 크롬의 확장 프로그램인 Momentum을 구현하는 프로젝트 Momentom 구현내용 local storage를 활용한 로그인, to do list 구현과 Math.random()을 활용한 랜덤 background 및 명언 출력 setInterval을 활용한 시계, openweathermap 을 활용한 날...
aluvy
[Deep Dive] 8장 제어문
제어문(Control flow statement)은 조건에 따라 코드 블록을 실행(조건문)하거나 반복 실행(반복문)할 때 사용한다. 일반적으로 코드는 위에서 아래 방향으로 순차적으로 실행된다. 제어문을 사용하면 코드의 실행 흐름을 인위적으로 제어할 수 있다. 8.1 블록문 블록문(block Statement / compound statement)은...
[jQuery] 가시영역의 이미지만 로딩 – Lazy Load Plugin for jQuery
Lazy Loading 이란? lazy loading은 페이지를 읽어들이는 시점에 중요하지 않은 리소스 로딩을 추 후에 하는 기술 입니다. 웹 성능 최적화를 위한 Image Lazy Loading 기법 처음에는 화면에 보여지는 이미지만 로딩 되어있고, 스크롤 시 아래 이미지들을 호출하는 플러그인 <!DOCTYPE html> <...
[CSS] 세로쓰기 모드 writing-mode, 글자 타이핑 효과
CSS 쓰기 모드는 텍스트가 가로 또는 세로로 표시되는지 여부를 나타냅니다. writing-mode (en-US) 속성을 사용하면 쓰기 모드에서 다른 쓰기 모드로 전환할 수 있습니다. 이를 위해 세로 쓰기 모드를 사용하는 언어로 작업할 필요는 없습니다 — 창의적 목적으로 레이아웃 일부의 쓰기 모드를 변경할 수도 있습니다. 아래 예에서는 writing...
[Deep Dive] 7장 연산자
연산자(operator)는 하나 이상의 표현식을 대상으로 산술, 할당, 비교, 논리, 타입, 지수 연산 등을 수행해 하나의 값을 만든다. 이때 연산의 대상자를 피연산자라 한다. 피연산자는 값으로 평가될 수 있는 표현식이어야 한다. 그리고 피연산자와 연산자의 조합으로 이뤄진 연산자 표현식도 값으로 평가될 수 있는 포현식이다. // 산술 연산자 5 * ...
[Deep Dive] 6장 데이터 타입
데이터 타입 (data type, 줄여서 타입이라고도 한다)은 값의 종류를 말한다. 자바스크립트의 모든 값은 데이터 타입을 갖는다. 자바스크립트(ES6)는 7개의 데이터 타입을 제공한다. 7개의 데이터 타입은 원시타입(primitive type)과 객체 타입(object/reference type)으로 분류할 수 있다. 원시 타입 ...
Github
Github? 깃허브는 분산 버전 관리 툴인 깃저장소 호스팅을 지원하는 웹 서비스이다. 루비 온 레일스로 작성되었다. GitHub는 영리적인 서비스와 오픈소스를 위한 무상 서비스를 모두 제공한다. 2009년의 Git 사용자 조사에 따르면 GitHub는 가장 인기있는 Git 저장소 호스팅 서비스이다. 1. Github 가입, 프로젝트 생성하기 ...
Git
Git 깃(Git)은 컴퓨터 파일의 변경사항을 추적하고 여러 명의 사용자들 간에 해당 파일들의 작업을 조율하기 위한 분산 버전 관리 시스템이다. Git Working Flow - 작업 흐름 여러분의 로컬 저장소는 git이 관리하는 세 그루의 나무로 구성되어 있습니다. 첫번째 나무인 작업 디렉토리(Working directory)는 로컬(실제) ...
[PHP] 검색
유효성 검사 후 검색기능 index.php <script> function check_search() { if (!document.board_form.search.value) { alert("검색어를 입력하세요!"); document.board_form.search.focus(); ret...
[PHP] 최근게시물
홈페이지 index 페이지에 게시판 최근게시물을 노출할 수 있다. /index.php index 최상단 session 관련 코드 필수 <? session_start(); @extract($_GET); @extract($_POST); @extract($_SESSION); ?> <? include "./lib/...