프론트엔드 개발자와 UI 디자이너 추천 사이트

 

 📕 UI 디자인 레퍼런스  📕

• Pinterest - 이미지, 디자인, 예술 관련 소셜 네트워크 서비스 https://kr.pinterest.com/
• Behance - 전 세계 디자이너와 예술가의 전시장 https://www.behance.net/
• Good Web Design - 국내 베스트 UI/UX 디자인 어워드 https://www.gdweb.co.kr/main/index.asp
• DB CUT - 국내 UI 디자인 레퍼런스 제공 https://www.dbcut.com/
• Awwwards - 글로벌 베스트 UI/UX 디자인 어워즈 https://www.awwwards.com/
• MOBBIN - 모바일 앱 디자인 레퍼런스 https://mobbin.com/
• Dribbble - 글로벌 트랜디 디자인 레퍼런스 https://dribbble.com/
• wwit- 국내 모바일 앱 플로우 아카이브 https://wwit.design/

 

---

 

📗 코딩 레퍼런스 📗

• 코딩을 게임으로 공부하는 사이트
  • 코딩에브리바디 https://codingeverybody.kr/
  • Flexbow Froggy https://flexboxfroggy.com/#ko
• bxSlider - 이미지 jQuery 슬라이더 라이브러리 https://bxslider.com/
• slick - 반응형 웹 지원 jQuery 슬라이더 라이브러리 https://kenwheeler.github.io/slick/
• jqueryui - jQuery에 바로 적용 가능한 UI 코드를 제공 https://jqueryui.com/
• HTML DRIVE - UI디자인의 동적표현을 위한 Vanilla JS, jQuery, Plug-in, CSS3, Html5 등의 각종 라이브러리 코드를 제공 http://www.htmldrive.net/
• Opentutorials.org - 다양한 언어 공부 https://opentutorials.org/
• TCPSCHOOL - 코딩 공부 사이트 및 라이브러리 https://tcpschool.com/
• w3schools - 코딩 독학 https://www.w3schools.com/
• CODEPEN - 온라인 웹 편집 사이트 https://codepen.io/
• coverr - 디자인 무료 영상 파일 제공 https://coverr.co/
• HTML Color Codes - 디자인 컬러 이미지 및 테스트 https://htmlcolorcodes.com/
• lipsum - 의미 없는 텍스트 제공 https://www.lipsum.com/
• 한글입숨 - lipsum 한글ver https://korean-ipsum.vercel.app/
• unsplash - 고퀄리티 무료 이미지 제공 https://unsplash.com/ko
• coolsymbol - 아이콘 및 특수문자 생성 ( CDN 설치 없이 HTML에 붙여넣기 가능) https://coolsymbol.com/
• icons8 - 아이콘 이미지 자료 https://icons8.com/

 

---

 

📘 코딩 학습에 도움 되는 유튜브 채널 📘

• https://www.youtube.com/@nomadcoders
• https://www.youtube.com/@DarkCodeOnline
• https://www.youtube.com/@codegrid
• https://www.youtube.com/@developedbyed

 

---

 

📙  텍스트 비교 사이트 📙 

• Diffchecker https://www.diffchecker.com/ko/

 

---

 

📚 개발자에게 유용한 커뮤니티 📚

• 하드코딩하는사람들 https://cafe.naver.com/hacosa

 

---

 

📚 디자이너에게 유용한 커뮤니티 📚 

• Design Geeks- WEB / UI / UX 디자이너 모임 https://cafe.naver.com/dgeeks