YounSeung님의 블로그

JavaScript 변수 정리변수란?데이터를 저장하기 위한 메모리 공간의 이름값을 저장하고 참조하며, 변경할 수 있음데이터를 처리하거나 임시 저장하기 위해 사용변수의 역할데이터를 담는 그릇으로 비유할 수 있음프로그램에서 값을 저장하고 관리하는 핵심 요소변수 선언 방법선언 목적: 메모리에 변수 공간을 확보일반적인 선언 방식:변수 이름 지정데이터 타입 설정(자바스크립트에서는 타입 자동 지정)자바스크립트의 변수 선언 방식var: 재선언 가능, 함수 스코프let: 블록 스코프, 재할당 가능const: 블록 스코프, 재할당 불가능실습 예제 이 예제는 웹 브라우저의 개발자 콘솔에 메시지를 출력하는 방식으로 실행됩니다. var 키워드를 사용하여 message라는 변수를 선언하고, "Hello, JavaScript!..

OpenAPI란?OpenAPI는 "Open Application Programming Interface"의 약자로, 애플리케이션과 서비스 간의 상호 작용을 위한 인터페이스를 개방하고 공개적으로 제공하는 프로그래밍 인터페이스입니다.OpenAPI는 웹 기술을 사용하여 서로 다른 애플리케이션 간의 데이터 및 기능을 공유하고 통합하는 데 사용됩니다. OpenAPI 활용사례 소셜 미디어 통합: 여러 소셜 미디어 플랫폼의 API를 OpenAPI로 제공하여 개발자들이 소셜 미디어 기능을 애플리케이션에 통합할 수 있게 합니다. 예를 들어, 페이스북, 트위터, 인스타그램 등의 API를 OpenAPI로 제공합니다.지도 서비스: 지도 관련 서비스에서 위치 정보, 경로 탐색, 장소 검색 등을 OpenAPI를 통해 제공합니다...

부트스트랩(Bootstrap)은 Twitter에서 개발한 오픈 소스 프론트엔드 프레임워크로, 웹 개발을 보다 쉽고 빠르게 할 수 있도록 도와주는 도구입니다. 부트스트랩은 HTML, CSS, JavaScript를 기반으로 하며, 다양한 웹 컴포넌트와 레이아웃 요소를 제공하여 웹 개발자들이 편리하게 반응형 웹 페이지를 구축할 수 있도록 지원합니다.공식사이트:https://getbootstrap.kr/ 부트스트랩(Bootstrap)어떤 기술을 사용 할까?Vanilla(Pure) CSS (기초 지식): 아이스크림 기본 맛이 바닐라 맛. 어떤 기술의 기본을 뜻함. CSS로 할 수 있는 것은 다 할 수 있지만, 결과를 장담 하지 못함.Bootstrap (프로그래머가 쓰기 편함): 단순히 고르면 됨 예쁜 요소들이 서..

수업시간에 배운 CSS의 기본에 대한 주제를 가지고 간단하게 정리하였다.먼저 웹 사이트 제작 순서는 밑에 사진으로 간단하게 설명되어있다. CSS 기본 정리CSS 개요웹 페이지의 디자인과 레이아웃을 정의하는 스타일 언어HTML과 함께 사용하여 웹 페이지의 외형을 꾸밈구성 요소선택자(Selector): 스타일을 적용할 HTML 요소 선택선언(Declaration): 스타일 속성과 값을 정의속성(Property)과 값(Value)으로 구성 (속성: 값; 형태)여러 선언은 중괄호 {}로 묶고 세미콜론 ;으로 구분CSS 적용 방법내부 스타일: 스타일 적용 예제 This is a paragraph with highlighted text. This is a special paragraph with ..

2024년 상반기 경북 네트워크형 캠퍼스 SW 아카데미에서 5개월간 배운 내용을 위주로 정리해봤습니다. 1. 웹 프론트엔드 개요 웹 프론트엔드란?웹 페이지의 사용자 인터페이스(UI)를 개발하는 분야.HTML, CSS, JavaScript를 사용하여 구조, 디자인, 기능을 구현.웹 표준, 접근성, 반응형 웹 디자인 원칙을 준수.백엔드 개발자와 협력하여 웹 애플리케이션 완성.웹 프론트엔드의 역할과 중요성UI 개발: 직관적이고 시각적으로 멋진 인터페이스 구현.웹 기술 활용: 최신 웹 표준과 도구를 사용하여 다양한 브라우저와 기기에서 호환성 확보.기기·브라우저 호환성: 반응형 웹 디자인과 크로스 브라우징 문제 해결.보안 강화: HTTPS, 인증, 권한 관리로 보안 취약점 최소화.  태그HTML 문서의 루트 요소..