IdoCleanCode
반응형
article thumbnail
[Exprss.js] 서버에서 시간 정보 받아오기
Tutorials/Node 2024. 10. 22. 14:20

이 프로젝트는 클라이언트가 서버에 현재 시간을 요청하고 서버는 그 요청에 응답하여 현재 시간을 클라이언트에 전달하는 간단한 프로젝트입니다. GET 요청과 대한 이해하는데 초첨을 둡니다. 1. 프로젝트 개요목표: 클라이언트가 버튼을 클릭하면 서버에 현재 시간을 요청합니다.서버는 현재 시간을 응답으로 보내주고, 클라이언트는 그 시간을 화면에 표시합니다. 2. 폴더 구조/time-app /public index.html server.js package.json 3. 프로젝트 구현프로젝트 폴더 생성mkdir time-appcd time-app node초기화 express 설치npm init -y # package.json 생성npm install express # Express 설치 클라이언트 코..

article thumbnail
[Valilla JS Programming] Color Changer App
Tutorials/JavaScript 2024. 10. 19. 03:08

HTML, CSS, JS로 색상 변경 앱을 프로그래밍 해보겠습니다.https://www.youtube.com/watch?v=_Jrhe_oCJ70[Valilla JS Programming] Color Changer App 프로젝트 개요" data-ke-type="html">HTML 삽입미리보기할 수 없는 소스프로젝트 이름: Color Changer App프로젝트 설명: 버튼 클릭으로 페이지의 배경 색상을 무작위로 변경할 수 있는 간단한 웹 앱입니다.프로젝트 목표: DOM조작과 사용자 이벤트 처리와 UI변경 학습프로젝트 기능: 무작위 색상 생성, 배경 색상 변경, 현재 색상 코드 표시 프로젝트 구조Counter-App/├── index.html ├── style.css └── app.js 코드..

article thumbnail
[Valilla JS Programming] Counter App
Tutorials/JavaScript 2024. 10. 18. 20:53

HTML, CSS, JS로  간단한 카운터 앱을 만들어 봅니다.https://www.youtube.com/watch?v=IuhVaYeNCsE[Valilla JS Project] Counter App  프로젝트 개요" data-ke-type="html">HTML 삽입미리보기할 수 없는 소스프로젝트 이름: Couter App프로젝트 설명: 간단한 웹 카운터 앱으로 사용자가 숫자를 증가 감소 초기화 할수 있습니다. 프로젝트 목표: 기본적인 DOM 조작을 연습하고 사용자 이벤트 처리 및 UI 업데이트 학습프로젝트 기능: 카운터 표시, 증가기능, 감소 버튼, 초기화 버튼 프로젝트 구조Counter-App/├── index.html ├── style.css └── app.js 코드 HTML ..

article thumbnail
[JavaScript] null
Tutorials/JavaScript 2024. 10. 18. 16:53

자바스크립트에서 null은 값이 없음을 명시적으로 나타내는 데이터 타입입니다. 정의null은 자바스크립트에서 의도적으로 값이 없음을 표현하는 값입니다. 그 값이 빈 상태임을 명확히 하기 위해서 개발자가 명시적으로 할당하는 값입니다.let x;console.log(x); // undefinedlet y = null;console.log(y); // null 타입 및 특성typeof null은 object를 반환하는데 이는 초기 설계 결함으로 발생하는 현상입니다. 즉 null은 객체가 아닌 데이터 타입입니다.console.log(typeof null); // "object"console.log(Boolean(null)); // false  null은 논리 연산에서 Falsy값으로 처리되어 조건문에서 ..

article thumbnail
[JavaScript] undefined
Tutorials/JavaScript 2024. 10. 18. 16:26

자바스크립트에서 undefiend는 값이 할당되지 않은 변수를 나타내는 기본 데이터 타입 입니다. 변수가 선언되었지만 아직 값이 할당되지 않을 때 자동으로 부여가 됩니다. 1. undefined의 의미정의 되지 않음을 의미를 합니다. 어떤 변수에 값이 명시적으로 할당 되지 않았거나, 값이 없는 상태를 나타낼 때 자바스크립트는 자동으로 undefined를 할당합니다.let x;console.log(x); // undefined (x에 값이 없음)위에 예시 처럼 변수 x는 선언되었지만 값을 초기화 하지 않아서 undefined 값을 가집니다. 2. undefined의 사용 예시 변수 선언 후 초기화 되지 않은 경우변수는 선언되었지만 값을 할당하지 않으면 undefined가 됩니다.let age;consol..

반응형