본문 바로가기

전체 글

간단한 패럴렉스 스크롤 구현(JavaScript + CSS3) 간단한 패럴렉스 스크롤(JavaScript + CSS3) 더보기
2012 런던 올림픽 픽토그램 2012 런던 올림픽 픽토그램 종래 디자인과 달리 순수한 정보 전달을 위한 흑백 버전과 창의적 시각 이미지 효과를 위한 컬러 버전 두 가지를 내 놓은 점이 이색적이다. 컨셉: 지하철 노선도 스타일: new rave style 비평: 시선자극, 로고는 나치적이고 자극적이라는 구설수에 오름 제작: 울프 올린스(Wolf Ollins)사 실습: 라인 버전 픽토그램 색상:핑크색과 청록색 조합 서체: 런던올림픽 서체 런던 올림픽 앱 더보기
[펌]좋은디자인#1 컬러로 디자인을 풍성하게 표현해라! https://m.post.naver.com/viewer/postView.nhn?volumeNo=15670332&memberNo=607398 더보기
[펌]색상 실험을 통해 앱 및 웹 사이트에 생기를 불어넣는 방법 https://blogs.adobe.com/creativedialogue/ko/design-ko/playing-with-color-vibrant-options-for-apps-and-websites/ 더보기
Photoshop에서 긴 그림자 효과를 만드는 4가지 방법 https://design.tutsplus.com/ko/tutorials/4-ways-to-create-long-shadow-effects-in-photoshop--psd-30308 더보기
[React Native] 개발환경설정 #설치 환경 NodeJS(https://nodejs.org) Expo: 앱 빌드 도구(https://expo.io/) ## Expo Client 설치 참조) https://codinghub.tistory.com/48 더보기
웹팩을 대체할 강력한 번들러 PARCEL 더보기
01. React 소개 JavaScript library for building user interfaces https://reactjs.org/ 리액트는 2011년 페이스북에서 개발한 오픈소스 가상DOM, 컴퍼넌트 기반의 UI 라이브러리로 체계적이고 빠르게 인터랙티브 UI 개발이 가능. 현재 가장 우위를 점유하고 있고 경쟁 상대로는 Angular나 Vue.js 등이 있음. 2018년 전세계 기준 indeed.com의 잡오퍼 통계를 보면 다음과 같다. // 왜 필요한가? 프론트앤드 기술이 고도화 되어 단순 웹 페이지 뿐만 아니라 웹 애플리케이션을 개발을 용이하게 함 다양한 플랫폼에서 콤포넌트 기반으로 UI 요소들을 모듈화하여 제작이 가능(유지보수 용이) 오픈소스 생태계의 단점인 파편화 문제 -> 라이프러리의 표준화(제이쿼리가 .. 더보기