Dev study and notes

바닐라 JS로 크롬 앱 만들기 8장 강좌들 노마드코더 무료강좌​노마드코더 바닐라JS 자바스크립트 강좌 #8.0 Geolocation 요약:1. Geolocation API를 사용하면 사용자의 현재 위치 정보를 가져올 수 있습니다.2. navigator.geolocation.getCurrentPosition 메서드를 통해 위도와 경도를 얻는 방법을 설명합니다.3. 위치 정보는 콜백 함수로 처리되며, 성공 및 에러를 처리하는 구조를 배우게 됩니다.​index.html 과 weather.js 생성하면됩니다.​*weather.js 소스코드function onGeoOk(position) {const lat = position.coords.latitude;const lng = position.coords.longi..

바닐라 JS로 크롬 앱 만들기 7장 강좌들 노마드코더 무료강좌​실질적인 TODO LIST를 생성하게 됩니다.​*JSON.stringify()JavaScript 객체를 JSON 문자열로 변환하는 함수입니다.​*간단예시 코드const obj = { name: "Julia", age: 99, city: "London" };const jsonString = JSON.stringify(obj);console.log(jsonString); // 출력: '{"name":"Julia","age":99,"city":"London"}'*JSON.parse()JSON 문자열을 javaScript 객체로 변환하는 함수입니다.const jsonString = '{"name":"Julia","age":99,"city":"Lond..

웹 개발자들이 기억해야할 주요 사항Key points to remember​​1Tags are made up of an opening and closing angle bracket with a tag name in the middle. Elements are pairs of tags that encapsulate or wrap-around other elements or web content. 태그는 여는 꺽쇠 괄호와 닫는 꺽쇠 괄호 사이에 태그 이름이 포함되어 있습니다. 요소는 다른 요소나 웹 콘텐츠를 감싸는 태그 쌍으로 이루어집니다.​2HTML is a declarative language, meaning it describes the rules for what a page should display..

자바스크립트 용어 해설 정리 Glossary- JavaScript Programming for Web Applications - CAD101-12​​*국문Glossary- JavaScript Programming for Web Applications웹 애플리케이션을 위한 자바스크립트 프로그래밍Term정의AJAXJavaScript 및 XML을 통한 비동기 서버 호출 이상의 기능을 포함하는 "비동기 JavaScript 및 XML"입니다. 프로그래밍 언어나 기술이 아니라 프로그래밍 개념입니다. Ajax는 HTML, JavaScript, Cascading 스타일 시트를 통해 더욱 풍부한 대화형 웹 애플리케이션을 제공하고 문서 개체 모델을 통해 웹 페이지를 수정하는 일련의 기술을 나타냅니다. 요즘에는 XML 대신..

CSS 개요 및 HTML5 요소 / 용어 해설 - CSS Overview & HTML5 Elements - CAD101-7​안녕하세요 데브런치입니다.웹개발에 사용하는 언어인 CSS와 HTML을 복습해보고 있는데요.CSS에서 사용되는 용어, 웹개발에서 사용하는 용어 몇가지를 정리 기록을 남겨봅니다.​컴포넌트 프레임워크, CSS (Cascading Style Sheets), 고정 레이아웃, 유동 레이아웃, 유틸리티 프레임워크의 원어(영어)와 뜻을 알아보았습니다. CSS 개요 및 HTML5 요소 / 용어 해설*국문용어 해설 CSS 개요 및 HTML5 요소용어정의Component Framework구성 요소 프레임워크는 모든 웹 사이트에 쉽게 추가할 수 있는 미리 스타일이 지정된 구성 요소와 템플릿을 제공합니다...

CSS 개요 & HTML5 요소/읽어보기 요약 - CSS Overview & HTML5 Elements/Reading: Summary CAD101-6​안녕하세요. 데브런치입니다.웹 개발 관련 내용들을 요약, 정리, 기록을 하고있습니다.​이번 포스팅에서는 CSS와 HTML에 대한 요약을 적어보았습니다.​CSS는 "Cascading Style Sheet.", (캐스캐딩 스타일 시트)의 약자입니다.웹개발시 웹 화면의 디자인, 구조 등을 추가하여 사용하는 웹 문서이지요.​그럼 CSS와 HTML에 대한 간단 요약을 적어봅니다.​CSS 개요 & HTML5 요소/읽어보기 요약*국문- CSS는 웹사이트의 각 페이지의 각 요소에 균일한 외관을 만듭니다.-CSS는 일반적으로 외부 스타일 시트에서 코딩되며 웹사이트의 기본 ..

Module 2 - HTML Overview / Cheatsheet - HTML Overview​안녕하세요 데브런치입니다.​이번 포스팅에서는 HTML에서 사용하는 태그, 요소별 용어의 종류와 정의 예시를 기록으로 남겨봅니다.웹 개발시 기본적인 컴퓨터 언어, 웹 언어로 HTML가 많이 사용되는데요.잘 숙지하여 웹개발, 웹페이지 작성시 도움이 되었으면 합니다.​그럼 표로 작성 된 내용을 확인해주세요.표 내용으로는 태그 요소, 설명, 예시 순서로 작성되어 있습니다. 표 내용으로는 태그 요소, 설명, 예시 순서로 작성되어 있습니다.HTML5 태그 요소별 용어 및 설명*국문​*HTML5 요소별 용어 및 설명요소설명예시이 태그는 브라우저에 표시되지 않지만 코드를 숨기고 문서화하는 데 유용할 수 있는 HTML의 주..

HTML 개요/용어 HTML Overview/Glossary - CAD101-4​이전에 작성한 클라우드 프로그래밍 용어에 이어지는 포스팅입니다.이번 포스팅은 HTML(하이퍼텍스트 마크업 랭기지)의 일부 용어 정리입니다.HTML5는 HTML의 버전을 뜻하네요. 즉, 5번째 버전을 말합니다.​간단하게 HTML과 HTML5를 요약해보면 아래와 같습니다.HTML은 웹 페이지 구조와 콘텐츠를 정의하는 마크업 언어이고, HTML5는 최신 웹 기술과 기능을 추가하여 멀티미디어와 그래픽 처리를 강화한 버전입니다.HTML5는 더 현대적이고 다양한 미디어 요소와 API를 지원하여 웹 개발에 더 많은 기능 제공합니다. *국문용어: HTML5 개요용어정의DOM 트리"문서 객체 모델"은 웹상의 문서 구조와 내용을 구성하는 객체..

HTML 개요/읽어보기 요약 HTML Overview/Reading: Summary - CAD101-3 ​ 웹개발에서 프론트엔드, 즉 보여지는 부분에서 사용하는 컴퓨터 프로그래밍 언어, 웹 언어인 HTML에 대한 요약을 기록해보았습니다. ​ HTML 개요 국문 ​ -HTML은 태그를 사용하여 웹사이트의 기본 구조와 콘텐츠를 제공합니다. -태그는 HTML 페이지의 요소를 나타냅니다. -HTML DOM 트리는 웹사이트의 구조를 설명합니다. -HTML은 API를 사용하여 사용자 경험을 향상하고 고급 애니메이션, 오디오 및 비디오 기능을 제공합니다. -스크립팅은 웹사이트를 탐색할 때 더욱 대화형 사용자 경험을 제공합니다. -스크립팅은 비활성화될 수 있으므로 의존하지 않는 것이 좋습니다. -HTML5 샌드박스는 ..

웹 개발 및 클라우드 컴퓨팅 요약 Web development and cloud computing ​ 안녕하세요 데브런치입니다. 프론트엔드와 백엔드, 즉 풀스택 관련 지식을 되짚어보고 있는데요. 이번 포스팅은 웹 개발과 클라우드 컴퓨팅에 대하여 짧게 요약해 보았습니다. 웹 개발 및 클라우드 컴퓨팅 클라우드는 웹 개발자들에게 어떻게 도움이 되나요? How does the cloud help web developers? ​ 웹 개발자는 속도와 접근성을 위해 글로벌 컴퓨터 네트워크를 활용하여 IBM, Amazon, Google과 같은 주요 클라우드 제공업체에서 웹사이트를 호스팅 할 수 있습니다. 클라우드 서비스는 보안 인증서, 데이터베이스 스토리지, 도메인 이름 호스팅, 인공 지능 서비스와 같은 추가 기능도 ..