programming/JavaScript 15

[JAVA/API활용] kakao maps API 활용해서 지도 만들기!!

안녕하세요. 조신선입니다! 오늘은 kakao에서 제공하는 API를 통해서 지도 웹사이트를 만드는 방법을 알아보도록 하겠습니다. ※ 오늘 포스팅은 kakao 개발자 공식 홈페이지 내용을 참고하였습니다. 준비하기 Kakao 지도 Javscript API 는 키 발급을 받아야 사용할 수 있습니다. 그리고 키를 발급받기 위해서는 카카오 계정이 필요합니다. 키 발급에는 아래 과정이 필요합니다. 1. 카카오 개발자사이트 (https://developers.kakao.com) 접속 2. 개발자 등록 및 앱 생성 3. 웹 플랫폼 추가: 앱 선택 – [플랫폼] – [Web 플랫폼 등록] – 사이트 도메인 등록 4. 사이트 도메인 등록: [웹] 플랫폼을 선택하고, [사이트 도메인] 을 등록합니다. (예: http://lo..

node js 기초 문법 강의&필수 모듈(ex:express) 이용 방법

안녕하세요! 조신선입니다. 오늘은 Node.js에 대해서 알아보도록 하겠습니다. node.js의 기초 개념과 문법 그리고 이를 사용하기 위해 대부분 사용하는 필수 모듈과 설치 방법에 대해서 작성하겠습니다. nodejs 설치방법 https://nodejs.org/en에서 본인 운영체제에 맞는 파일을 다운받고 설치합니다. 맥으로 접근하면 mac용 설치파일을, window로 접근하면 window용 설치파일을 보여주기 때문에 따로 걱정하실 필요는 없습니다. Node.js는 JavaScript 런타임으로, 서버 사이드에서 JavaScript를 실행할 수 있게 해주는 플랫폼입니다. Node.js로 서버를 구축하면 비동기적으로 처리되기 때문에, I/O 처리가 많은 애플리케이션에 적합합니다. Node.js를 사용하여 ..

HTML, CSS, JS의 관계 & codepen.io 활용방법

안녕하세요! 조신선입니다. 원래는 CSS 기초 문법을 작성하려고 했지만, 자바 삼총사의 개념을 먼저 잡는 것이 좋을 것 같아서 JAVA의 기초인 삼총사를 먼저 간단하게 짚고 넘어가도록 하겠습니다. 삼총사 HTML, CSS, JS는 웹 개발에서 가장 중요한 프론트엔드 언어입니다. 각 언어의 역할과 관계는 다음과 같습니다. 언어역할예시 CSS 웹 페이지의 스타일과 레이아웃을 정의하는 스타일 시트 언어 color, font-size, margin, padding, border 등 JavaScript 웹 페이지의 동적인 기능을 담당하는 스크립트 언어 이벤트 핸들러, DOM 조작, AJAX 통신, 애니메이션 등 HTML 웹 페이지의 구조와 콘텐츠를 정의하는 마크업 언어 , , , , , 등 HTML은 웹 페이지의..

HTML 기초 문법 강의

안녕하세요. 조신선입니다. 오늘은 HTML 기초 문법에 대한 포스팅을 하도록 하겠습니다. HTML (Hypertext Markup Language)은 웹 페이지의 구조와 내용을 정의하는 마크업 언어입니다. HTML은 웹 브라우저에게 어떤 내용을 표시하고 어떻게 구조화할지를 알려줍니다. 아래는 HTML의 기초적인 문법을 설명해드리겠습니다. 1. 태그 (Tags): HTML은 태그를 사용하여 요소를 정의합니다. 예를 들어, 태그는 단락을 정의하고, 태그는 제목을 정의합니다. 이것은 단락입니다. 이것은 제목입니다. 2. 속성 (Attributes): 태그에는 속성을 추가하여 추가적인 정보를 제공할 수 있습니다. 예를 들어, 태그에는 src 속성을 사용하여 이미지의 파일 경로를 지정합니다. 이곳을 클릭하세요 3..

JS 기초 문법

안녕하세요! 조신선입니다🪐. 오늘은 JS 기초문법을 알아보도록 하겠습니다. JavaScript(종종 JS로 축약됨)는 개발자가 웹 페이지에 동적 및 대화형 기능을 추가할 수 있도록 하는 널리 사용되는 프로그래밍 언어입니다. 주로 프런트 엔드 웹 개발에 사용되며 대화형 사용자 인터페이스 생성, 사용자 이벤트 처리, 서버에 대한 비동기 요청 생성이 가능합니다. JavaScript는 동적으로 입력되는 언어입니다. 즉, 변수는 모든 데이터 유형의 값을 보유할 수 있으며 해당 유형은 런타임에 변경될 수 있습니다. 객체 지향, 명령형 및 기능적 프로그래밍 패러다임을 지원하므로 광범위한 개발 작업에 다용도로 사용할 수 있습니다. JavaScript의 몇 가지 주요 기능은 다음과 같습니다. 변수: JavaScript는..