[Web] 유용 사이트

개발 활용

0. chatgpt 프롬프트

• 웹 개발자를 위한 50가지 이상의 ChatGPT 프롬프트
  원문 / 번역
• ChatGPT 프롬프트 가이드: Part 4. 웹 개빌
• https://mpost.io/ko/100-best-chatgpt-prompts-to-unleash-ais-potential/#web-development-chatgpt-and-bard-prompts

1. 문법

• w3schools
• mozilla

2. 이미지, 아이콘, 폰트

• 저작권 프리 무료 이미지
• Google Fonts
• 뽀짝 아이콘
• 폰트, 아이콘

3. CSS 효과

• CSS 애니메이션 효과
• 스피너 모음
• slick..?
• 스와이퍼

4. 웹사이트 레퍼런스

• 우수 웹사이트 모음1
  - 화려한 건 해외
• 국내 우수 웹사이트 모음2
• 디자인 굿 해외 사이트 모음
• css design awards

5. 활용할만한 API

• Daum 우편번호 서비스 API

공부, 방법론, 팁

1. 튜토리얼

웹프 튜토리얼

• 매우 잘 정리되어 있음

2.UI요소 정리

프론트엔드-개발자라면-반드시-알아두어야-할-32가지의-UI-요소-번역

3. [CSS 방법론] BEM 방식

'CSS 클래스네임을 어떻게 지으면 좋을지'

• block__element--modifier
• id 사용 없이 class만으로 어떤 목적인가에 따라
• SCSS 사용 아닐경우에도 활용도가 높은가??!.. 의문

https://7ingout.tistory.com/9

https://velog.io/@seunghw/%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-%EB%94%94%EC%9E%90%EC%9D%B8%EC%97%90-%EC%9C%A0%EC%9A%A9%ED%95%9C-%EC%82%AC%EC%9D%B4%ED%8A%B8-%EB%AA%A8%EC%9D%8C%EC%A7%91%EB%94%94%EC%9E%90%EC%9D%B8%EC%BB%AC%EB%9F%ACCSS#%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C-%EA%B0%9C%EB%B0%9C%EC%9E%90%EB%9D%BC%EB%A9%B4-%EB%B0%98%EB%93%9C%EC%8B%9C-%EC%95%8C%EC%95%84%EB%91%90%EC%96%B4%EC%95%BC-%ED%95%A0-32%EA%B0%80%EC%A7%80%EC%9D%98-ui-%EC%9A%94%EC%86%8C-%EB%B2%88%EC%97%AD