본문 바로가기

프론트엔드

[JavaScript]github.io(깃허브를 이용한 페이지)에 카카오맵 API 사용하기 안녕하세요. 사진찍는 초보개발자입니다. 오늘은 간단하게 카카오 API를 이용하여 웹 페이지에 카카오 맵을 띄우는 방법을 소개하겠습니다. https://developers.kakao.com/ Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다. developers.kakao.com 먼저 위의 링크로 접속하여 로그인을 해줍니다. (다음 혹은 카카오 계정) 로그인 후 상단의 내 애플리케이션 메뉴로 접속하면 위의 사진과 같은 페이지로 이동합니다. 해당 페이지에서 '애플리케이션 추가하기' 를 눌러줍니다. 해당 팝업에 앱 이름과 사업자명을 입력해준 후(개인 포트폴리용이라 저는 사진과 같이 입력했습니.. 더보기
[JavaScript]슬릭 슬라이더 !!!!! 슬라이더 플러그인중 개인적으로는 사용하기 가장 쉬운 슬라이드인 '슬릭슬라이더' 사용법을 간단하게 소개하려합니다. (슬릭슬라이더는 라이센스 비용이 있는걸로 기억합니다... 개인 포트폴리오용으로 사용하시면 좋을듯 하네요) 1 2 3 4 5 6 7 cs 위에부분을 HTML에 복사 -> 붙여넣기! 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 1 2 3 4 5 6 7 8 9 10 Colored by Color Scripter cs HTML부분에 추가 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 $(function(){ $('#.. 더보기
[정보] 프론트엔드 개발자, 백엔드개발자 그리고 웹 퍼블리셔 프론트엔드 개발자 백엔드 개발자 웹 퍼블리셔 주 업무 시각적 영역 제작 서버 영역 제작 시각적 영역 제작 주 요구 스킬 HTML,CSS,JS 등등 Java,Pyhton,JSP 등등등등 HTML,CSS,JS 등 프론트엔드 개발자 (Front-end) 프론트엔드 개발자는 쉽게 말해서 우리가 평소에 쓰고 보여지는 웹 화면을 만드는 직군입니다. 즉 웹 화면을 구성하는 모든 요소들이 프론트엔드 영역에 해당하는 것 입니다. 페이지의 레이아웃부터 글자의 폰트, 크기, 디자인 컬러 등을 구현하는 직군입니다. 프론트엔드 개발자는 기본적으로 HTML,CSS,JavaScript 와 같이 코딩에 대한 스킬을 요구합니다. HTML은 기본적으로 화면에 보여지는 텍스트나 그림, 영상같이 화면에 주측이되는 뼈대를 의미한합니다. CS.. 더보기
[정보]앞으로 도움이 많이 될 사이트 목록 (2024-12-08) https://react-svgr.com/playground/ ← SVGR (일반 SVG파일의 코드를 React 혹은 React Native용 코드로 변환해주는 사이트) https://pixabay.com/ko/← 픽사베이 (이미지 관련 저작권에 대해 정확하게 알지 못해 무료 혹은 부분 무료라는 내용을 삭제했습니다.) https://www.freepik.com← 프리픽  (이미지 관련 저작권에 대해 정확하게 알지 못해 무료 혹은 부분 무료라는 내용을 삭제했습니다.) https://www.flickr.com/← 플리커  (이미지 관련 저작권에 대해 정확하게 알지 못해 무료 혹은 부분 무료라는 내용을 삭제했습니다.) http://www.webjangi.com/ ← 웹쟁이 (무료 웹 소스 저정소) http:/.. 더보기