blog

[디독 메일] 내용 정리

애자일(Agile) 협력과 피드백을 자주! 일찍! 더 잘하는 것! 사용자 중심...
Read more →

업무향상을 위해 읽으면 좋은 책 목록

UX관련 읽을 책 목록 개발자, 프로그래머에게 추천하는 책 개발자, 프로그래머에게...
Read more →
color6

[책읽고 적어놓기]고길동, 힘들었을 오늘도… 등

꽃을 보듯 너를 본다 화살기도 아직도 남아있는 아름다운 일들을 이루게...
Read more →
color6

[책읽고 적어놓기]스탠퍼드는 명함을 돌리지 않는다.

스탠퍼드는 명함을 돌리지 않는다. 라이언 다케시타 지음 정은희 옮김 명함...
Read more →
color6

[책읽고 적어놓기] 개발자의 글쓰기

개발자의 글쓰기 김철수 지음 영어단어 선택과 래어 표기법 stop :잠시...
Read more →
color8

Core Javascript

Javscript ... 컴파일 없이 브라우저뿐만 아니라 서버에서도 실행 할 수...
Read more →

[UI디자인툴] Figma

Figma 바로가기 Figma 유투브 튜토리얼 https://www.youtube.com/watch?v=hrHL2VLMl7g&list=PLXDU_eVOJTx7QHLShNqIXL1Cgbxj7HlN4&index=3&t=0s 연남동이재용 유투버의 Figma Course...
Read more →
color4

CSS Preprocessor (SCSS) 정리

CSS 전처리기(CSS Preprocessor)는 특별한 Syntax를 가지고 있으며,  믹스인(mixin), 중첩 셀렉터(nesting...
Read more →

[퍼옴] 프론트엔드(Front-End Developer)

나는 프론트엔드를 안다고 말할 수 있을까? 프론트엔드 개발자와 퍼블리셔는 어떠한...
Read more →

[퍼옴]결단의 중요성

정형돈에게 배우는 결단의 중요성 이 글에서 결단의 중요성을 정리하면,   ...
Read more →
color6

[책읽고 적어놓기]걱정을 잘라드립니다.

걱정을 잘라드립니다. 탈벤 샤하르 지음 서유라 옮김 자세를 똑바로 하세요....
Read more →

CSS 단위

px 폰트의 크기를 고정시키고 싶을 때 em 상위 태그의 font-size값을...
Read more →
color5

[책읽고 적어놓기] 나를 돌보지 않는 나에게

나를 돌보지 않는 나에게 정여울 지음 에고 인플레이션 시대 감정노동에...
Read more →

[Crash Course] SQL(2)

물리삭제와 논리삭제 물리삭제: SQL의 DELETE명령을 사용해 직접 데이터를 삭제하자는 사고방식...
Read more →

한글 웹폰트 CDN

나눔바른고딕 스포카 한 산스 바른바탕체 CDN으로 바로 사용가능한 한글 웹폰트...
Read more →

JSON 이해하기

Json and Ajax Example .lst {padding:10px 0 2px 8px; line-height:...
Read more →
color7

[Crash Course] SQL(1)

SELECT * FROM sample01 WHERE no = 2 ; 명령의...
Read more →
color1

CSS Effect

CSS Effects .animation-wrap { box-sizing: border-box; font-family: Verdana, Geneva, Tahoma,...
Read more →
color2

Flexbox

flexbox *{margin:0; padding:0; box-sizing: border-box;} .flexbox {display:flex; max-width:700px; margin: 0...
Read more →

Scrolling Sticky Navigation – Right

Demos Scrolling Sticky Navigation – Right html{scroll-behavior:smooth;} .body{margin: 0; padding:...
Read more →

Smooth Scrolling Sticky Navigation

Document .body{font-size:0.5rem;line-height:0.8rem; margin:0;} .header{background:#455A64;color:#FFF;text-align:center;padding:2rem;} .nav{white-space:nowrap;background:#37474F;} .nav ul{list-style:none;display:flex;margin:0;padding:0;} .nav li{flex:1;padding:1rem;} .nav.current{position:fixed;top:0;width:...
Read more →
color1

[Vue] Checkbox

Checkbox.vue <template> <div class="checkbox" :class="[computedClass, color, size]" @change="inputChange()"> <input type="checkbox"...
Read more →

마크다운 가이드

기본 정보 코딩 환경 파일 구조 코딩 가이드 Style Guide...
Read more →

VUEX 기초

State: 컴포넌트 간에 공유할 데이터 Getters : state값을 접근하는 속성이자...
Read more →
color3

CSS Houdini

Houdini 프로젝트는 Mozilla, Apple, Opera, Microsoft, HP, Intel 그리고 Google의...
Read more →

copy to Clipboard

function copyToClipboard(element) { var $temp = $("<input>"); $("body").append($temp); $temp.val($(element).text()).select(); document.execCommand("copy");...
Read more →

Javascript Functions

.map() const numbers = [1,4,9];     const roots = numbers.map(Math.sqrt);     console.log(roots);     // (3) [1, 2, 3]     console.log(numbers);     // (3) [1, 4, 9] .filter()     const words = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present', 'happy'];     let longWords = words.filter(word => word.length > 6);...
Read more →
color5

Javascript functions

// .filter() const words = ['spray', 'limit', 'elite', 'exuberant', 'destruction',...
Read more →

CSS Animation

animation .container { overflow: hidden; } .btn { background: rgba(255,...
Read more →

bxslider

https://bxslider.com/options/ var 변수 = $( '선택자' ).bxSlider( {    ...
Read more →

IE9에서 animation 지원 안되어서 보이지 않는 콘텐츠 보이게 하기

p { opacity: 0; animation-name: reveal; animation-iteration-count: 1; animation-fill-mode: forwards;...
Read more →

더보기

더보기 html { font-size: 10px; } body { font-size:1rem; }...
Read more →