아티클

칼퇴를 부르는 레퍼런스 자료집 - 디자이너, 개발자편

파인드오브젝트| 2022.05.16

<디자이너편>

1. ThemeForest

ThemeForest

각종 디자인 테마를 다양하게 모아 놓은 사이트로, 상세페이지를 제작할 때 참고 하기 좋은 사이트



2. 핀터레스트

Pinterest

디자인 레퍼런스 대표 사이트, 디자인 뿐만 아니라 다양한 영역의 자료를 참고 할 수 있다. 비슷한 컨셉의 자료를 추천해주는 기능이 있기 때문에 특정 컨셉을 서치 할 때 유용하다.



3. 비헨스

Behance

핀터레스트에 비해 전문성에 초점을 맞춘 사이트로, 전세계의 다양한 작품을 볼 수 있기 때문에 폭 넓은 인사이트를 얻을 수 있다.



4. 노트폴리오

노트폴리오

비헨스가 전세계의 작품들을 볼 수 있다면, 노트폴리오는 주로 국내 디자이너들의 퀄리티 좋은 포트폴리오들을 볼 수 있는 사이트



5. 드리블

Dribbble

비헨스와 마찬가지로 해외 포트폴리오를 다양하게 볼 수 있다.



6. CssdesignAward

CSS Design Awards

웹 사이트 제작시, 애니메이션에 대한 효과가 필요할 때 참고하기 좋은 사이트



7. GDWeb

굿디자인웹

웹 디자인시 참고할 만한 사이트



8.Colors.co

Coolors

시안 제작시 컬로 조합이 고민된다면 추천하는 사이트



9. FlatIcon

Flaticon

무료 플랫아이콘이 필요하다면 추천하는 사이트




<개발자편>

1. Acmicpc

개발자라면 꼭 넘어야할 산 알고리즘을 연습할 수 있는 사이트


2. TcpSchool

HTML부터 JAVA까지, 코딩의 기본부터 백엔드 개발까지 전체적인 이론을 배울 수 있다.


3. MvnRepository

라이브러리가 필요할 때 무료로 쉽게 다운 받을 수 있는 사이트


4. JavaScript.info

자바스크립트 백과사전, 없는게 없다. 웬만한 기초 학습서보다 나은 사이트


5. ac5.io

jQuery/Bootstrap과 함께 사용하는 HTML5 웹표준 Javascript UI 플러그인 사이트


6. hashcode

개발자라면 꼭 알아야할 질문게시판 사이트


7. jsbin

https://jsbin.com/?html,output
HTML, css, javascript, console, 외 다양한 라이브러리를 추가해서 웹에서 테스트 해볼 수 있는 사이트


8. Shoelace.io

http://shoelace.io/
부트스트랩을 사용할 경우, 시각적으로 그리드를 쉽게 나누어서 사용할 수 있는 사이트


9. ApiStore

사용할 수 있는 다양한 API 모음 사이트


10. Codininflow

안드로이드 개발자라면 어떤 인강보다 쉽게 배울 수 있는 사이트, 실제로 사용할 수 있는 기능 구현이 많아서 실무에 유용하다.


11. velog.io

개발자들이 주로 사용하는 블로그형 사이트, 해외의 medium과 유사하다.


12. TypeScript-kr

https://typescript-kr.github.io/pages/basic-types.html

타입스크립트에 대한 개념적인 설명을 해주는 사이트


13. Fontawesome

웹 폰트 아이콘 사용시 참고할 수 있는 사이트



좋아요 9
공유하기

파인드오브젝트

자발적인 방황을 즐기는 개발자, 작가이자 매일 기분좋은 오브젝트를 찾는 ‘파인드오브젝트’로 활동하고 있는 ‘하고잡이’ 김효선 입니다.
목록으로

TOP