공부하자

postcode.map.daum.net/guide Daum 우편번호 서비스 우편번호 검색과 도로명 주소 입력 기능을 너무 간단하게 적용할 수 있는 방법. Daum 우편번호 서비스를 이용해보세요. 어느 사이트에서나 무료로 제약없이 사용 가능하답니다. postcode.map.daum.net 참고하여 다양한 option 값 설정, 팝업의 크기와 위치, 스타일 변경도 가능하다.

다양한 색상과 색상 조합을 랜덤으로 추천해주는 사이트 randoma11y.com/ Randoma11y Get random, accessible color combinations randoma11y.com

스크립트, CSS 등 동적 효과 참고 wsss.tistory.com/ @web's CSS 코드펜 레퍼런스 사이트입니다. wsss.tistory.com

엔티티코드 참고용 www.w3schools.com/charsets/ref_html_entities_4.asp HTML 4 Entities HTML 4 Entity Names Complete HTML 4 Entity Reference All entities in the table below, will display correctly in all browsers, both in HTML4 and in HTML5 pages. For a complete HTML5 entity reference, please go to the next chapter. Char Entity Dec Hex Descri www.w3schools.com www.toptal.com/designers/htmlarrows/punctuatio..

구글 웹폰트 fonts.google.com/ Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 눈누 noonnu.cc/ 상업적 이용 가능한 무료 한글 폰트 모음 사이트 눈누 상업적으로 이용할 수 있는 무료 한글 폰트를 모아 놓은 사이트 눈누 noonnu.cc 많이 쓰는 웹폰트 : import 와 link 중 하나만 사용하면 된다. import는 css 부분에 link는 html header 에 나눔고딕 @import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css); .nanumgothic * { font-family: 'Na..

fullpage, slider 외에 다양한 제이쿼리 레퍼런스를 볼 수 있는 사이트 작업시 참고하기 좋을 듯 codejss.tistory.com/ 제이쿼리 레퍼런스 사이트 제이쿼리 플러그인 소개 사이트입니다. codejss.tistory.com

api 란? application programming interface 의 약자로 어떠한 응용프로그램에서 데이터를 주고 받기 위한 방법을 의미한다. 특정 사이트에서 특정 데이터를 공유할 경우 어떤 방식으로 정보를 요청하고 어떤 데이터를 제공 받을 수 있을지에 대한 규격들을 api라고 한다. api는 사용하는 방법과 용도에 따라 오픈 api와 비공개 api 가 있다. 오픈 api는 말 그대로 누구나 쉽게 접근하여 정보를 공유하기 위해 만들어진 것이며 비공개의 경우 권한이 있는 일부 사용자들에게만 정보를 제공하기 위해 만들어진 것이라고 볼 수 있다. 참고 사이트 steemit.com/kr/@yahweh87/it-api [IT용어] API란 무엇인가? — Steemit 안녕하세요. 어미새입니다. 정말 오랜만..

Json : 데이터를 저장하거나 전송할때 많이 사용되는 경량의 DATA 교환 방식. 많은 양의 데이터를 주고 받기 쉽게 가볍게 만든 것이라고 생각하면 될 듯 ajax : 자바스크립트를 이용한 비동기 통신, 클라이언트와 서버간에 xml 데이터를 주고 받는 기술. 퍼블리셔는 ajax를 이용해 데이터를 받아와 화면에 뿌려주어야 한다. ※ 비동기(async)방식이란? 비동기 방식은 웹페이지를 리로드하지 않고 데이터를 불러오는 방식입니다. 이 방식의 장점은 페이지 리로드의 경우 전체 리소스를 다시 불러와야하는데 이미지, 스크립트 , 기타 코드등을 모두 재요청할 경우 불필요한 리소스 낭비가 발생하게 되지만 비동기식 방식을 이용할 경우 필요한 부분만 불러와 사용할 수 있으므로 매우 큰 장점이 있습니다. 자세한 내용 ..

반응형 웹(Responsive Web) : 스마트 폰 발달에 따라 발달한 것으로 디스플레이 종류에 따라 화면의 크기가 자동으로 최적화되도록 조절되는 웹페이지. 반응형 웹과 적응형 웹 ? 반응형 웹은 하나의 페이지를 디스플레이 종류에 따라 크기가 자동으로 최적화 적응형 웹은 디스플레이의 사이즈에 따라 웹 페이지가 존재한다. 크게 PC, 탭, 모바일로 나뉘어 제작된다. 모바일 해상도를 확인 할 수 있는 사이트 screensiz.es/iphone-xs Vendor object iPhone XS | Viewport Sizes and Pixel Densities for Popular Devices Vendor detail view type Apple iPhone 8 Plus iOS 5.5 13.9 1080 192..

맥에 비주얼 스튜디오 코드&깃허브 설치 및 연동하기 비주얼 스튜디오 코드(VSCODE, 무료 에디터) : https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. code.visualstudio.com 깃(git) 다운로드 : https://g..