oioip1208 님의 블로그

Express 동적 처리URL 구조웹사이트 주소(URL)는 여러 요소로 구성되어 있으며, 각 요소는 서로 다른 역할을 담당한다.예시 URLhttps://example.com:53/path?num=1#escape구성 요소설명https프로토콜example.com도메인53포트/path경로(Path)?num=1쿼리(Query)#escape식별자(Fragment)URL을 통해 사용자는 원하는 페이지에 접근할 수 있으며, 서버는 URL에 포함된 정보를 바탕으로 적절한 응답을 제공한다.QueryQuery는 URL 뒤에 추가 정보를 전달하는 방식이다. 주로 검색 조건이나 사용자 요청 데이터를 전달할 때 사용된다.예시https://example.com/player?team=eagles&number=10위 URL에서는 다..

서버(Server)란?서버(Server)는 클라이언트의 요청(Request)을 받아 처리한 뒤 결과를 응답(Response)하는 컴퓨터 또는 프로그램을 의미한다.예를 들어 사용자가 웹 브라우저에서 웹사이트에 접속하면 브라우저는 서버에 정보를 요청하고, 서버는 요청을 처리한 뒤 웹페이지를 구성하는 데이터를 전달한다.서버의 주요 역할회원가입 및 로그인 처리데이터 저장 및 관리게시글 조회 및 작성파일 업로드 및 다운로드웹페이지 제공API란?API(Application Programming Interface)는 서로 다른 프로그램이 데이터를 주고받을 수 있도록 만들어진 규칙 또는 통로이다.예를 들어 모바일 앱에서 사용자 정보를 조회하거나 날씨 정보를 가져올 때 서버와 직접 통신하는 것이 아니라 API를 통해 데..

JavaScript 조건문, 반복문, 함수 정리intro이번 시간에는 JavaScript의 조건문, 반복문, 함수에 대해 학습하였다. 프로그래밍을 하다 보면 상황에 따라 다른 코드를 실행해야 하거나 같은 작업을 여러 번 반복해야 하는 경우가 많다. 또한 반복되는 코드를 효율적으로 관리하기 위해 함수를 사용하기도 한다.이번 수업에서는 if문, 반복문, switch문과 같은 흐름 제어 문법부터 함수의 개념과 다양한 함수 표현 방식까지 배울 수 있었다. 예제를 직접 작성해 보면서 각 문법이 어떤 상황에서 사용되는지 이해할 수 있었고, JavaScript가 어떻게 동작하는지 조금 더 깊게 알아볼 수 있는 시간이었다.1. 조건문(Conditional Statement)조건문은 특정 조건의 참(True) 또는 거짓..

JavaScript 객체(Object)와 배열(Array) 알아보기시작하며자바스크립트(JavaScript)는 웹 개발에서 가장 많이 사용되는 프로그래밍 언어 중 하나이다. 웹페이지를 동적으로 만들고 사용자와 상호작용하는 기능을 구현하기 위해 다양한 자료형을 제공하는데, 그중에서도 객체(Object)와 배열(Array)은 매우 중요한 역할을 한다.객체는 여러 개의 정보를 하나로 묶어 관리할 때 사용하며, 배열은 여러 개의 데이터를 순서대로 저장할 때 사용한다. 실제 웹 개발에서는 사용자 정보, 상품 정보, 게시글 데이터 등을 객체로 관리하고, 목록 형태의 데이터는 배열로 관리하는 경우가 많다.이번 글에서는 객체와 배열의 개념부터 생성 방법, 데이터 추가 및 삭제, 복사 방식, 주요 메서드까지 자세히 알아보..

JavaScript인도네시아와 인도가 다른 나라인 것 처럼 JAVA와 JavaScript는 전혀 다른 언어이다. 처음 이름은 LiveScript였지만,당시 JAVA의 인기가 아주 높았기에 JavaScript를 JAVA의 동생격인 언어로 홍보하면 좋을 것이라고 생각해서 이름은 JavaScript로 바꿨다고 한다. JavaScript 기초 알아보기자바스크립트는 웹 페이지를 동적으로 동작하게 만드는 프로그래밍 언어이며, HTML과 함께 자주 사용된다.1. JavaScript의 특징자바스크립트(JavaScript)는 웹 페이지에 다양한 기능을 추가할 수 있는 언어이다.대표적인 특징은 다음과 같다.특징설명동적 기능 제공버튼 클릭, 팝업창 등 구현 가능인터프리터 언어코드를 한 줄씩 실행HTML/CSS와 함께 사용..

CSSCSS의 의미 :CSS는 HTML로 작성된 웹 문서의 시각적 스타일(글꼴, 색상, 레이아웃, 크기 등)을 정의하고 꾸미는 스타일 시트 언어이다. CSS의 속성 구조 : CSS의 속성구조는 아래와 같이 되어있다. p는 선택자(Selector)로 어떤 태그에 스타일을 적용할 건지 선택한다.color, font-size는 속성(property)으로 무엇을 바꿀지 정한다.blue, 20px은 값(value)으로 어떻게 바꿀지를 정한다.: 은 속성과 값을 구분하는 역할을, ; 은 속성 끝을 표시하는 역할을 한다. CSS 적용 방식CSS의 적용 방식은 아래와 같다.1. 인라인 스타일인라인 스타일은 HTML 태그 안에 직접 CSS를 작성하는 방법으로 한 요소에만 스타일을 적용할 때 사용한다. 2. 내부 스..