본문 바로가기

웹개발16

벡엔드에서 사용하는 Node.js 기본 이해 자바스크립트 런타임(Node.js)은 확장 가능한 네트워크 애플리케이션을 구축하기 위해 설계된 환경입니다. Node.js를 사용하면 자바스크립트를 풀스택으로 사용할 수 있으며, 확장성이 뛰어나고, 비동기 처리(Non-blocking)와 방대한 에코시스템(커뮤니티)을 제공합니다. **런타임 (runtime)** 이란 프로드래밍 언어가 구동되는 환경을 말합니다.  컴퓨터가 브라우저 없이 Javascript 코드를 읽을 수 있게 Node.js를 설치해 주겠습니다. Node.js 웹사이트로로 이동하여 안전된 버전 (보통 숫자가 더 낮은 버전 / LTS 버전) 다운로드 및 설치합니다.설치 완료 후에 Node 실행하여 node --version으로 어떤 버전에 있는지 확인 가능합니다.Node 환경에 진입할 때에는 .. 2024. 9. 5.
Visual Studio Code (VS Code) 소개 및 간단한 기능들 Visual Studio Code는 마이크로소프트에서 개발한 무료 소스 코드 편집기 소프트웨어입니다. 이 소프트웨어는 Windows, macOS, Linux 그리고 웹 브라우저에서 실행할 수 있습니다. 주요 기능으로는 디버깅 지원, 지능형 코드 완성, 코드 스니펫, 그리고 Git을 활용한 내장형 버전 제어가 포함되어 있습니다. VS Code는 JavaScript, Python, C++ 등 다양한 프로그래밍 언어를 지원하며, 수많은 확장 기능(Extensions)을 통해 기능을 확장할 수 있습니다. 초보자든 전문가든 상관없이, 필요한 기능들을 쉽게 설치하고 사용할 수 있습니다. 또한, VS Code의 UI는 사용자 취향에 맞게 커스터마이징할 수 있으며, 인터넷 연결 없이도 사용할 수 있는 것이 큰 장점입니.. 2024. 9. 4.
Document Object Model (DOM)에 대해 알아보기 문서 객체 모델 (DOM)은 HTML, XML 문서의 프로그래밍 인터페이스 (interface) 입니다. DOM은 웹 페이지의 요소를 노드(Node) 와 objects라는 객체로 표현하며, 이 노드들은 트리 (tree) 구조로 배열됩니다. 하단 사진들을 확인하면서 트리 구조가 뭔지 간단하게 보겠습니다.  각 노드는 HTML 요소, 속성, 텍스트 등을 나타냅니다. DOM을 사용하면 HTML의 특정 색션을 더 쉽게 변경하고 조작할 수 있습니다. JavaScript와 같은 스크립팅 언어를 이용해 DOM을 수정할 수 있습니다. 결론적으로 DOM은 JavaScript와 HTML이 같이 호환할 수 있도록 도와주는 통역/번역사입니다. DOM은 웹 페이지와의 상호작용을 가능하게 하는 중요한 기술입니다. JavaScri.. 2024. 9. 3.
jQuery은 무엇이며 간단하게 사용 방법 알아보기 jQuery는 빠르고 작으면서도 강력한 JavaScript 라이브러리입니다. HTML 문서의 탐색과 조작, 이벤트 처리, 애니메이션, 그리고 Ajax 작업을 훨씬 쉽게 할 수 있게 도와줍니다. 다양한 브라우저에서 잘 작동하고 간단한 API 덕분에 많은 jQuery 선호하는 개발들도 있습니다.  jQuery 장점 중 하나는 일반 JavaScript 보다 사용하기 더 쉽고 편리하다는 것입니다. 어떤 경우 더 짧은 코드로 동일한 효과나 동일한 이벤트를 구현할 수 있습니다. jQuery는 다양하고 수많은 라이버러리가 있어 많은 이벤트들을 구현할 수 있고, 오픈소스 (open Source) 커뮤니티가 있어 다양한 플러그인 (plugins)를 빠르고 쉽게 다운로드하여 사용할 수 있습니다. 마지막으로 다양한 브라우저.. 2024. 8. 29.
웹개발에 사용할 수 있는 추가 JavaScript 지식 랜덤 숫자는 var n = Math.random();으로 생성할 수 있으며, 생성된 숫자는 0 ~ 1 미만까지의 값으로, 소수점 16자리까지 가능합니다. 아주 간단한 랜덤 사랑 점수 코드를 작성할 수 있습니다. var loveScore = Math.random() * 100;loveScore = Math.floor(loveScore) + 1;alert("Your love score is " + loveScore + "%"); 여러 데이터를 같은 컨테이너나 변수에 저장할 수 있습니다, 이것을 배열이라고 부릅니다. 예시 -> var eggs = ["1", "2", "3", "4"]배열에서 특정 데이터를 그 데이터의 위치로부터 가져올 수 있습니다. var myegg = egg[1] -> 하면 두 번째 데이터를.. 2024. 8. 26.
웹 개발에 JavaScript가 필요한 이유와 간단한 JavaScript JavaScript (JS) 는 인터프리터 방식으로 실행되는 프로그래밍 언어로, 다양한 프로그래밍 패러다임을 지원합니다. JavaScript는 웹 페이지를 위한 스크립트 언어로 많이 사용하고 잘 알려져 있습니다. 웹 개발에 HTML과 CSS로 웹 페이지 생성하고 유지할 수 있지만, 왜 JavaScript가 필요한가요?  JavaScript는 웹 페이지에서 애니메이션, 비디오 및 음악 재생, 온라인 드럼 키트 등 다양한 복잡한 기능들을 구현할 수 있습니다. 따라서 JavaScript는 웹 페이지에 변경되는 콘텐츠를 만들고, 멀티미디어를 제어하고 다양한 작업을 할 수 있는 스크립팅 언어입니다. 또한 JavaScript을 이용하여 애플리케이션 프로그래밍 인터페이스 (API)들을 호출하여 다양한 멀티미디어 콘텐.. 2024. 8. 14.

티스토리툴바