🌷

Develop Blog

🎨 Graphics, CSS, Webgl, Opengl, Shader
📄 CSS 10 CSS Checkout Forms CSS design Awards Styled Components vs Sass in 2019 Rich docs with Storybook MDX styled-components…
DATE
Jun 12, 2020Oct 03, 2021
READ
1m 10s
TAG
#dev
#front-end
#css
#graphics
#webgl
#webgpu
#opengl
#Shader
#wasm
#data
#visualization
#svg
#scss
#styled-components
✨ Front-end
📄 Front-End FE Guide [JWT] 토큰(Token) 기반 인증에 대한 소개 프로그래머스 2020 Dev-Matching…
DATE
Apr 26, 2020Oct 01, 2021
READ
Random
TAG
#dev
#front-end
#interview
🧭 Design Story
📄 Design Story 디자이너가 알아두면 좋은 인하우스와 에이전시의 차이점 국내 디자인 스튜디오 리스트 Top Graphic Design Trends 2019: Fresh Hot & Bold 디자이너 1년 차의 조금 이른 201…
DATE
Aug 03, 2020Sep 30, 2021
READ
Random
TAG
#design
#UI
#UX
#HCI
#Graphic
#Design System
#Branding
#interaction
#Motion
#Design resource
💻 Tech Story
📄 Tech storys 카카오 브런치에서 기술블로그 2년 회고 중국 직구 서비스 개발 삽질기 일상 - FE CONF 2018 후기 네이버 메인 페이지의 트래픽 처리 웹사이트 개발/리뉴얼 기획서 작성 10단계 화면분석을 위한…
DATE
Aug 03, 2020Sep 28, 2021
READ
Random
TAG
#learn
#tech
#TechBlog
#TechStory
📚 Learn, Startup
📄 Learn 스스로 질문하며 학습하기 (Question Driven Thinking…
DATE
Jul 05, 2020Sep 28, 2021
READ
Random
TAG
#learn
#startup
#Motivation
#marketing
💡 JavaScript
📄 Javascript ECMA6 문법, 함수 호환성 테이블 컴파일러, 폴리필, 데탑브라우저, 모바일, 서버, 런타임 매끄러운 경험을 위한 JavaScript…
DATE
Apr 27, 2020Sep 13, 2021
READ
Random
TAG
#dev
#front-end
#JS
#JavaScript
#ReactJS
#NodeJS
#ECMA
#Typescript
📊 Data, Marketing, AD, GA, SEO
📄 Data, Marketing, AD, GA, SEO Amazon…
DATE
Apr 27, 2020Sep 13, 2021
READ
Random
TAG
#learn
#Data
#Marketing
#AD
#GA
#SEO
🌸 Essay
…
DATE
Apr 19, 2021Sep 12, 2021
READ
Random
TAG
#essay
#mindset
#story
🍓 UI, UX, Design Article 자료 번역
안녕하세요! 2021.04 ~ 07 까지 UI, UX, 디자인 해외 아티클 관련 번역 활동을 참여하였습니다. 제가 참여한 내용을 블로그에 따로 기록해두었습니다. 📝 List 세가지 유형의 사용자 인터뷰 사용자 친화적인 폼 양식 만들기 UI/UX…
DATE
Apr 25, 2021Jul 20, 2021
READ
random
TAG
#UI
#UX
#lab
#story
#design
#article
💡 png와 jpg는 base64 인코딩과 디코딩에서 파일사이즈 차이가 생길까
피그마, 일러스트, 포토샵에서 저장한 png와 jpg는 base64 인코딩과 디코딩에서 파일사이즈가 미묘한 차이가 있습니다. 어떤 차이가 있는지 자세히 알아보겠습니다. Icon을 svg로 준비 이 글에서 테스트해볼 picture icon…
DATE
Jul 17, 2021Jul 19, 2021
READ
2m 10s
TAG
#png
#jpg
#svg
#Frontend
#CSS
#story
🎈 SVG Animation
안녕하세요! SVG 기본 베이직부터 애니메이션을 간단히 정리하였습니다. (IE 브라우저는 지원하지 않는 요소가 있습니다.) 기본 svg만 작성하였습니다. scss는 조금 다듬어서 작성할 예정 입니다. SVG Tutorials Basic You…
DATE
May 30, 2021May 31, 2021
READ
random
TAG
#dev
#svg
#animation
#scss
#Javascript
#story
🍑 Dev, JS Article 자료 번역
안녕하세요. Dev.to 상위 아티클 관련 내용을 블로그에 따로 기록해두려 합니다. 이곳에 앞으로 리스트를 계속 업데이트 할 예정 입니다. 📝 List 다음 프로젝트를 위한 15 가지 무료 React 템플릿 당신이 알아야 할 유용한 VS Code…
DATE
May 01, 2021May 01, 2021
READ
random
TAG
#dev
#development
#javascript
#js
#story
#article
🌿 Front-end developer's work (프론트엔드의 업무 범위는 어디까지인가)
이 글은 Bradfrost 에 있는 "front of the front-end and back of the front-end web development…
DATE
Apr 14, 2021Apr 20, 2021
READ
4m 20s
TAG
#Frontend
#CSS
#JS
#Developer
#story
✒️ How to write CSS Code
📍 How to write CSS Code CSS 설계 방법 1. 특성에 따라 CSS 분류 베이스 그룹 레이아웃 그룹 1 reset 전체 적용, 베이스 2 layout 헤더, 푸터 작성 방법 : ly_ 3 block…
DATE
Mar 30, 2021Apr 20, 2021
READ
2m 10s
TAG
#CSS
#Clean
#Code
#story
🧭 Graphic Design, Brand Design
📄 Graphic Branding Adobe 일러스트 기획 프로세스 삼성화재 꽃병 소화기(영상) 10 Popular Graphic Design Trends on Dribbble in 2018 30 Great Free Fonts for 201…
DATE
Aug 03, 2020Apr 20, 2021
READ
Random
TAG
#design
#UI
#UX
#HCI
#Graphic
#Design System
#Branding
#interaction
#Motion
#Design resource
🧭 Design System
📄 Design System 우버 디자인 플랫폼 Airbnb의 디자인시스템 State of Design Systems 2019 Fluent Design System toss, design, system The full stack design…
DATE
Aug 03, 2020Apr 20, 2021
READ
Random
TAG
#design
#UI
#UX
#HCI
#Graphic
#Design System
#Branding
#interaction
#Motion
#Design resource
🧭 UIUX, HCI, Accesibility
UIUX, HCI, Accessibility Design system Design story Graphic, Branding Interaction, Motion Resource 📄 UIUX HCI accessibility Google…
DATE
Aug 03, 2020Apr 20, 2021
READ
Random
TAG
#design
#UI
#UX
#HCI
#Graphic
#Design System
#Branding
#interaction
#Motion
#Design resource
⚖️ System architecture
📄 Algorithm…
DATE
Jun 12, 2020Apr 20, 2021
READ
Random
TAG
#dev
#Algorithm
#DB
#SQL
#Cloud
#System architecture
#tech
🛒 E-commerce, Retail
📄 E-commerce / Retail e-커머스의 재구매율을 높이는 방법 알아보기 (+재구매 분석 템플릿 pdf) 고객의 최초 구매 시기(전체,상품군별) 재구매라고 부를 수 있는 유효 기간 설정 재구매 상품군 및 카테고리 CLV…
DATE
Apr 27, 2020Apr 20, 2021
READ
Random
TAG
#learn
#E-commerce
#Retail
#marketing
💻 Tech Blog
📄 Tech Blog 고퀄리티 개발 컨텐츠 모음 IT 기술블로그 모음 위젯 형태 RSS모아보기 북마크 모음 국내 업체 기술블로그 모음 네이버 우아한형제들 카카오 라인 spoqa 티켓몬스터 NHN TOAST Toast blog…
DATE
Apr 27, 2020Apr 20, 2021
READ
Random
TAG
#learn
#tech
#TechBlog
#TechStory
🌿 Interactive UI collection
🎁 Interactive UI collection 1 Using HTML5, SCSS, Vanila JavaScript 2 Library (css, js) o : GSAP, Swiper, Splitting x : Bootstrap, Jquery…
DATE
Jan 07, 2021Jan 08, 2021
READ
random
TAG
#HTML
#SCSS
#Javascript
#Animation
#CSS
#GSAP
#Tween
#library
#UI
#Graphic
#Interaction
#collection
#story
✒️ How to write React Code
📍 How to write React Code 1. Arrow functions 함수 선언으로 리턴이 한줄일 시 화살표 함수를 사용해서 리턴 생략 function으로 선언한 함수를 변수선언문인 const…
DATE
Jan 03, 2021Jan 08, 2021
READ
4m 30s
TAG
#Javascript
#Reactjs
#Clean
#Code
#story
✒️ JavaScript Object (Basic)
Objects in JavaScript JavaScript object is an entity having state and behavior (properties and method). JavaScript is an object-based…
DATE
Jan 02, 2021Jan 02, 2021
READ
2m
TAG
#Javascript
#Object
#story
✒️ Learn SCSS
Learn SCSS in 5 minutes SCSS simply means Sassy CSS. Sassy CSS is a CSS preprocessor that gives you access to use features that are not…
DATE
Dec 27, 2020Dec 27, 2020
READ
5m
TAG
#SCSS
#CSS
#learnCSS
#story
🥗 샐러드 메뉴 선택하는 슬라이드(캐러셀) 만들기
Swiper 3D Coverflow Effect 를 참고하여 슬라이드를 제작하려합니다. 주석을 천천히 읽다보면 만드는 방법은 정말 쉽고 누구나 따라하실 수 있습니다! :) 1 샐러드 캐러셀 만들고 채식과 친해지자! 1 HTML 2 CSS…
DATE
Dec 19, 2020Dec 20, 2020
READ
5m 10s
TAG
#HTML
#SCSS
#Javascript
#carousel
#slide
#CSS
#library
#story
✨ 반짝이는 불빛 애니메이션 랜덤 생성 만들기
…
DATE
Dec 17, 2020Dec 18, 2020
READ
10m 50s
TAG
#HTML
#SCSS
#Javascript
#Animation
#CSS
#GSAP
#Tween
#library
#story
🧚 웹표준 (web-standards), 웹접근성(web-accessibility)
웹 표준 (web-standards) 목적 : 웹의 사용성 및 접근성 보장 준수 내용 : HTML, CSS 를 W3C규격 준수 (HTML, CSS, JS의 구조와 표현, 동작 분리 권고) 나무위키 웹표준 내용 웹 표준 문법 검사 (W3C Markup…
DATE
Dec 09, 2020Dec 15, 2020
READ
random
TAG
#web-standards
#cross-browsing
#web-accessibility
#W3C
#story
🧭 Design resource
📄 Resource Everyone needs a base to start from. We are DesignBase. A Library of 100 Downloadable Photoshop Textures Auto-Animate UI Kit for…
DATE
Apr 30, 2020Aug 03, 2020
READ
Random
TAG
#design
#UI
#UX
#HCI
#Graphic
#Design System
#Branding
#interaction
#Motion
#Design resource
Blog Post list UI 디자인 변경
Diary-blog에 Post list가 텍스트로만 되어있었고 썸네일도 추가할 생각이 없었는데.. 도서 구매 사이트를 둘러보다가 문득.. 내 블로그 포스트 정보도 로 변경하면 좋을 것 같다는 생각에 바로 적용해보았습니다. Before / after…
DATE
Oct 09, 2020
READ
3m 50s
TAG
#blog
#thumnail
#post
#before
#after
#list
#Gatsby
#graphql
#story
🧚 Github Page Google Analytics - Gatsby 블로그에 GA추가
Github repository traffic Github page로 Gatsby blog를 배포하고 깃헙 repo에서 traffic(clone, views, visitor)을 주 단위로 볼 수 있었습니다. 이 블로그에 수집한 url…
DATE
Sep 03, 2020
READ
3m 10s
TAG
#googleanalytics
#githubpage
#Gatsby
#blog
#GA
#story
🧭 Interaction Design, Motion
📄 Interaction & Motion Motion in design: four conclusions Adobe XD Auto-Animate Time zones app, Medical ecommerce, Day statistics and more…
DATE
Aug 03, 2020
READ
Random
TAG
#design
#UI
#UX
#HCI
#Graphic
#Design System
#Branding
#interaction
#Motion
#Design resource