사이트 참고자료 모음집

1.독학용 자료

-사전,검색용 : 모질라, wschool

developer.mozilla.org/en-US/docs/Web/

 

-코드 연습용 : 코드펜

codepen.io/pen

 

-브라우저별 사용 여부 검색 :캔아이유즈

caniuse.com/

 

2.실습용 자료

-UX UI 디자인참고 : 비핸스, 애플가이드라인,리메인

developer.apple.com/design/human-interface-guidelines/ios/

remain.co.kr/

www.behance.net/ 

 

3.자동화도구들

-클리핑 마스크

bennettfeely.com/clippy/

-호버효과

ianlunn.github.io/Hover/

-css애니메이션 효과 코드

animista.net/

-2d rpg 게임용 png sprite 이미지

untamed.wild-refuge.net/rmxpresources.php?characters

-컬러 코드 : 매터리얼라이즈,웹그라디언트

materializecss.com/color.html

webgradients.com/

-아이콘 무료(일부) : 폰트어썸, 매터리얼

fontawesome.com/

material.io/develop/web/getting-started

https://fonts.google.com/icons?selected=Material+Icons

-dp px pt 등 단위변환

www.pixplicity.com/dp-px-converter  

-ico 만들기( favicon)

https://www.icoconverter.com/

-코드창 출력

prismjs.com/

-특수문자리스트

kor.pe.kr/util/4/charmap2.html

-event key 값

jskeycode.info

-사스scss css 변환기

https://www.sassmeister.com/

-json 파일 만들어주는 사이트

https://mockaroo.com/

 

4.제이쿼리 플러그인:라이트갤러리,슬릭,스와이퍼,스크롤js,글라이드js,

sachinchoolur.github.io/lightGallery/

kenwheeler.github.io/slick/

swiperjs.com/

prinzhorn.github.io/skrollr/

glidejs.com/docs/

 

 

4.css, javascript 개념정리

-box shadow 정리

codersblock.com/blog/creating-glow-effects-with-css/

-제이쿼리 이벤트

www.w3schools.com/jquery/jquery_ref_events.asp 

-자바스크립트 이벤트, 메뉴샘플

wsss.tistory.com/1291?category=776706

-css 선택자연습

flukeout.github.io/

 

5.api

-유튜브 api

developers.google.com/youtube/player_parameters?hl=ko

-메일링 api

formspree.io/login

 

6.무료 웹호스팅 : 깃헙, 닷홈

github.com/

www.dothome.co.kr/

 

 

 

7.nodejs

-nodemailer

nodemailer.com/about/

-라우팅 이벤트

expressjs.com/ko/guide/routing.html

 

8.스터디, 정기모임,활동,구직

okky.kr/articles/gathering

www.elancer.co.kr/  

https://kr.linkedin.com/jobs/

 

9.무료로 코딩 배울수 있는 사이트 : 코드아카데미,edx,skillshare

www.codecademy.com/#

learning.edx.org/course/

2주만 무료

www.skillshare.com/classes/

Nodejs MySQL Login system | Telmo Sampaio | Skillshare

10.코딩테스트: 카카오프로그래머스,백준..

programmers.co.kr/learn/challenges?tab=all_challenges