웹 개발자를 위한 추천 사이트 22개
* 마크업 검사 / CSS 검사 사이트
2022.05.31 - ["Hello, world!"/기타 정보] - 마크업 검사 / CSS 검사 사이트 (+ 확장 프로그램 추천)
마크업 검사 / CSS 검사 사이트 (+ 확장 프로그램 추천)
1. W3C Markup 검증 서비스 http://validator.kldp.org/ The W3C Markup Validation Service 파일 업로드로 유효성 검사 주의: Windows XP SP2 의 몇몇 IE 에서는 업로드가 되지 않을수도 있습니다. 이 경우에는,..
7ingout.tistory.com
1) DBcut - 웹디자인 평가 및 우수 웹사이트 모음
디비컷 - 웹디자인 벤치마킹 및 우수 웹사이트 모음
디비컷은 신규 오픈한 국내외 웹사이트를 소개 평가하는 웹디자이너 커뮤니티입니다.
www.dbcut.com
NEW 웹페이지덜 올라오는 사이트
틈틈이 주시하기 !
[외국사이트]에 화려한게 많음
⭐ 2) W3Schools - 다양한 웹 개발 언어 정보 및 문제 풀어볼 수 있는 곳 ⭐
W3Schools Free Online Web Tutorials
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
www.w3schools.com:443
상단의 Exercises 탭 추천 !
3) MDN Web Docs - 웹 개발자 가이드 느낌의 사이트
http://developer.mozilla.org/ko/
MDN Web Docs
The MDN Web Docs site provides information about Open Web technologies including HTML, CSS, and APIs for both Web sites and progressive web apps.
developer.mozilla.org
4) GDWEB:지디웹 - 우수 웹디자인 모음 사이트
https://www.gdweb.co.kr/main/index.asp
굿디자인웹
국내 최우수 웹디자인 선정, 웹사이트. 굿디자인웹
www.gdweb.co.kr
반응형 UI 등등 살펴보기 ~
5) Advanced Web Ranking - HTML 관련 정보들
https://www.advancedwebranking.com/seo/html-study/
HTML Study
Overview This HTML usage data comes from 11.3 million index pages gathered from top twenty Google results, for about 30 million keywords - chosen by keyword volume. To learn more about this data, visit the FAQ section. Total 11,264,652 pages Doctype The
www.advancedwebranking.com
6) CSS selector를 게임으로 배워보아요
CSS Diner
A fun game to help you learn and practice CSS selectors.
flukeout.github.io
7) 내가 써도 될까 ..?
이 기능, 과연 브라우저가 지원해줄까 ..? 를 알고 싶을 때 ~
Can I use... Support tables for HTML5, CSS3, etc
caniuse.com
빨간색 - 지원불가 / 초록색 - 지원가능
8) Flexbox Froggy
개구리 CSS flex 속성으로 옮겨버리기
Flexbox Froggy
A game for learning CSS flexbox
flexboxfroggy.com
9) SassMeister - SCSS 연습 사이트
SCSS로 쓴거 바로 CSS로 보여줌 ~
SassMeister | The Sass Playground!
SassMeister: The sassiest way to play with Sass, Compass, & LibSass! Loading...
www.sassmeister.com
10) 인디게이터 1
https://kenwheeler.github.io/slick/
slick - the last carousel you'll ever need
slick is a responsive carousel jQuery plugin that supports multiple breakpoints, CSS3 transitions, touch events/swiping & much more!
kenwheeler.github.io
11) 인디게이터 2
Swiper - The Most Modern Mobile Touch Slider
Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior.
swiperjs.com
12) grdient 색상 추천 모음
Free Gradients Collection by itmeo.com
Free collection of 180 background gradients that you can use as content backdrops in any part of your website.
webgradients.com
13) Daum 우편번호 서비스 API
https://postcode.map.daum.net/guide
Daum 우편번호 서비스
우편번호 검색과 도로명 주소 입력 기능을 너무 간단하게 적용할 수 있는 방법. Daum 우편번호 서비스를 이용해보세요. 어느 사이트에서나 무료로 제약없이 사용 가능하답니다.
postcode.map.daum.net
14) 정규표현식 연습 사이트
RegExr: Learn, Build, & Test RegEx
RegExr is an online tool to learn, build, & test Regular Expressions (RegEx / RegExp).
regexr.com
15) 프로그래머스 - 코딩테스트 연습 ~
https://programmers.co.kr/learn/challenges
코딩테스트 연습
기초부터 차근차근, 직접 코드를 작성해 보세요.
programmers.co.kr
16) 스피너 모음
https://tobiasahlin.com/spinkit/
SpinKit
Simple CSS Spinners
tobiasahlin.com
17) JSONPlaceholder
https://jsonplaceholder.typicode.com/
JSONPlaceholder - Free Fake REST API
{JSON} Placeholder Free fake API for testing and prototyping. Powered by JSON Server + LowDB. Tested with XV. As of Oct 2021, serving ~1.7 billion requests each month.
jsonplaceholder.typicode.com
18) React prop-types 정보
https://github.com/facebook/prop-types
GitHub - facebook/prop-types: Runtime type checking for React props and similar objects
Runtime type checking for React props and similar objects - GitHub - facebook/prop-types: Runtime type checking for React props and similar objects
github.com
19) [React] Yarn - 리액트 컴포넌트 스타일링 하기
https://classic.yarnpkg.com/en/docs/install#windows-stable
Yarn
Fast, reliable, and secure dependency management.
classic.yarnpkg.com
20) [React] components 디자인 된 것 들고 올 수 있음
Ant Design - The world's second most popular React UI framework
ant.design
21) 포스트맨 설치 사이트
https://www.postman.com/downloads/
Download Postman | Get Started for Free
Try Postman for free! Join 20 million developers who rely on Postman, the collaboration platform for API development. Create better APIs—faster.
www.postman.com
22) sequlize 다루기 정리 된 기술사이트
https://baeharam.netlify.app/posts/Node.js/Node.js-Sequelize-%EB%8B%A4%EB%A3%A8%EA%B8%B0
[Node.js] Sequelize 다루기 - 배하람의 블로그
개요 ORM(Object-Relational Mapping)은 객체지향 패러다임을 활용하여 관계형 데이터베이스(RDB)의 데이터를 조작하게 하는 기술이다. 이를 활용하면 쿼리를 작성하지 않고도 객체의 메서드를 활용하는
baeharam.netlify.app