웹 시스템 개발 #Responsive Web 초급편

학교 공부를 복습할 겸 적는 것이기에 내용이 부족할 수 있습니다. 부족한 것은 상관 없으나, 잘못된 부분이 발견된다면 지적해주시면 감사하겠습니다. 이번 포스팅에서는 반응형 웹에 대해 알아보는 시간을 갖고자 합니다. 반응형 웹 (Responsive Web)이란? 반응형 웹 (Responsive Web)은 웹 디자인 및 개발 기술의 한 형태로, 다양한 사용자 기기 및 "화면 크기에 맞춰" 웹 페이지를 최적화하는 방법입니다. 이를 통해 웹 페이지는 모바일 기기, 태블릿, 데스크탑, TV, 웨어러블 디바이스와 같은 다양한 플랫폼에서 잘 작동하고 보기 좋게 표시됩니다. 여기서 잘 작동하고 보기 좋게 표시된다는 의미는 앞서 언급한 "화면 크기에 맞춰" 볼 수 있다는 것을 뜻합니다. 화면 크기에 맞지 않는다면 어떻게..

• format_list_bulleted 웹 개발
• · 2023. 11. 3.
• textsms

웹 시스템 개발 #FORM 초급편

학교 공부를 복습할 겸 적는 것이기에 내용이 부족할 수 있습니다. 부족한 것은 상관 없으나, 잘못된 부분이 발견된다면 지적해주시면 감사하겠습니다. 이번 포스팅에서는 Form이란 무엇이며, 왜 사용하고, 어떻게 사용하는지에 대해 알아보고자 합니다. Form이란? HTML 요소는 웹 페이지에서 상호 작용하고 데이터를 입력하며 웹 애플리케이션과 상호 작용할 수 있는 "대화형 영역을 정의"하는 데 사용됩니다. Form은 사용자가 웹 페이지에서 데이터를 입력하고 제출할 때 사용되며 일반적으로 이 데이터는 웹 서버로 전송되어 처리됩니다. Form 요소는 다양한 입력 필드와 제출(Submit) 버튼을 포함할 수 있으며, 이러한 입력 필드는 사용자로부터 정보를 수집하고 처리하는 데 사용됩니다. 즉, Form을 사용하는..

• format_list_bulleted 웹 개발
• · 2023. 11. 2.
• textsms

웹 시스템 개발 #DOM 초급편

학교 공부를 복습할 겸 적는 것이기에 내용이 부족할 수 있습니다. 부족한 것은 상관 없으나, 잘못된 부분이 발견된다면 지적해주시면 감사하겠습니다. 이번 포스팅에서는 DOM에 대해 알아보는 시간을 갖고자 합니다. DOM이란? DOM은 "Document Object Model"의 약어로, HTML 문서의 구조를 나타내고 브라우저와 상호작용하기 위한 프로그래밍 인터페이스입니다. DOM은 웹 페이지의 구조, 스타일 및 내용을 변경할 수 있도록 프로그램에서 HTML 문서 데이터에 액세스할 수 있는 방법을 제공합니다. DOM의 주요 특징은 다음과 같습니다. 객체 지향 표현: DOM은 웹 페이지를 완전한 객체 지향 방식으로 나타냅니다. HTML 문서의 각 요소(element)들은 브라우저에서 로딩되면서 객체화됩니다...

• format_list_bulleted 웹 개발
• · 2023. 11. 1.
• textsms

웹 시스템 개발 #Asynchronous Programming 중급편(2)

학교 공부를 복습할 겸 적는 것이기에 내용이 부족할 수 있습니다. 부족한 것은 상관 없으나, 잘못된 부분이 발견된다면 지적해주시면 감사하겠습니다. 이번편은 JavaScript:Asynchronous Programming 1편에 이은 2편입니다. 이전 1편을 읽고오시는 것을 추천드립니다. 웹 시스템 개발 #Asynchronous Programming 중급편(1) 학교 공부를 복습할 겸 적는 것이기에 내용이 부족할 수 있습니다. 부족한 것은 상관 없으나, 잘못된 부분이 발견된다면 지적해주시면 감사하겠습니다. Asynchronous(비동기) Programming란? JavaScript에 wlsdn629.tistory.com 이번 포스팅에서는 async function과 await에 대한 설명을 해보고자 합니다..

• format_list_bulleted 웹 개발
• · 2023. 10. 31.
• textsms

웹 시스템 개발 #Asynchronous Programming 중급편(1)

학교 공부를 복습할 겸 적는 것이기에 내용이 부족할 수 있습니다. 부족한 것은 상관 없으나, 잘못된 부분이 발견된다면 지적해주시면 감사하겠습니다. Asynchronous(비동기) Programming란? JavaScript에서 비동기(asynchronous) 프로그래밍은 중요한 개념 중 하나입니다. 왜냐하면 JavaScript는 기본적으로 단일 스레드(single-threaded)로 동작하기 때문에, 어떤 작업이 시간이 오래 걸린다면 그 작업이 완료될 때까지 다른 작업은 대기해야 때문입니다. 이를 해결하기 위해 자바스크립트에서 비동기 프로그래밍을 사용하게 된 것입니다. 비동기와 이벤트 사용자의 마우스 클릭, 키보드 입력 등과 같은 이벤트는 비동기적으로 발생합니다. 즉, 이러한 이벤트가 언제 일어날지 예측..

• format_list_bulleted 카테고리 없음
• · 2023. 10. 30.
• textsms

웹 시스템 개발 #JavaScript: Functions and Classes 고급편

학교 공부를 복습할 겸 적는 것이기에 내용이 부족할 수 있습니다. 부족한 것은 상관 없으나, 잘못된 부분이 발견된다면 지적해주시면 감사하겠습니다. 이번편은 JavaScript:Functions and Classes 초급편에 이은 고급편입니다. 더 심화된 기초를 다루므로 이전 초급편을 읽고오시는 것을 추천드립니다. 웹 시스템 개발 #JavaScript: Functions and Classes 초급편 학교 공부를 복습할 겸 적는 것이기에 내용이 부족할 수 있습니다. 부족한 것은 상관 없으나, 잘못된 부분이 발견된다면 지적해주시면 감사하겠습니다. JavaScript의 함수(Functions) 함수란 무엇인가 wlsdn629.tistory.com Closure 클로저는 함수와 그 함수가 선언된 렉시컬 환경의 조..

• format_list_bulleted 웹 개발
• · 2023. 10. 29.
• textsms

웹 시스템 개발 #JavaScript: Functions and Classes 초급편

학교 공부를 복습할 겸 적는 것이기에 내용이 부족할 수 있습니다. 부족한 것은 상관 없으나, 잘못된 부분이 발견된다면 지적해주시면 감사하겠습니다. JavaScript의 함수(Functions) 함수란 무엇인가요? 함수는 코드의 "재사용성"을 높이고 모듈화를 가능하게 하는 프로그래밍 구조 중 하나입니다. JavaScript에서 함수는 'Single Unit'으로 취급되며, 변수에 할당하거나 다른 함수의 인자로 전달할 수 있습니다. function helloWorld() { console.log("Hello, 세상~!"); } 함수 선언(Function Declaration) Function Invocation은 함수를 일반적인 방법으로 호출하는 것을 의미하며 함수의 이름, 매개변수, 그리고 실행할 코드 블..

• format_list_bulleted 웹 개발
• · 2023. 10. 28.
• textsms

웹 시스템 개발 #JavaScript:Fundamentals 고급편

학교 공부를 복습할 겸 적는 것이기에 내용이 부족할 수 있습니다. 부족한 것은 상관 없으나, 잘못된 부분이 발견된다면 지적해주시면 감사하겠습니다. 이번편은 JavaScript:Fundamentals 초급편에 이은 고급편입니다. 더 심화된 기초를 다루므로 이전 초급편을 읽고오시는 것을 추천드립니다. 2023.10.26 - [학교 공부/웹 개발] - 웹 시스템 개발 #JavaScript:Fundamentals 초보편 Objects 객체(Object)는 "키-값" 쌍의 집합으로, 자바스크립트에서 복잡한 데이터 구조를 표현하는 데 사용됩니다. 객체는 어떤 형태의 데이터든 담을 수 있고, 함수를 통해 그 데이터를 조작하는 로직을 포함할 수 있습니다. 사용 예시 const person = { name: "John"..

• format_list_bulleted 웹 개발
• · 2023. 10. 27.
• textsms