Hello World

실습내용명세기반 퍼즐게임 추가 기능 작업  실습 과정GPT 이용하여 명세에 적힌 추가기능을 하나씩 구현해 보았다. 스크린샷 배포 링크https://josungman.github.io/Programmer-s_Web_App_Dev_Course/ 작업 코드https://github.com/josungman/Programmer-s_Web_App_Dev_Course/tree/week6_part12 진행 예정시간될때 코드리펙토링을 통해 함수화 및 파일 모듈화 진행 예정

실습 내용제한 시간내에 고양이 사진 검색 사이트 일부를 만드는 작업 진행 실습 과정베이스 코드와 명세만 주어진후 시간내에 풀어야 함명세 부분 정확히 기억이 안나지만 코드리팩토링 부분 제외 기능 적인 부분은 GPT이용하여 시간내에 작업 완료.  동작 영상 작업 코드https://github.com/josungman/Programmer-s_Web_App_Dev_Course/tree/main/week7/part3 Programmer-s_Web_App_Dev_Course/week7/part3 at main · josungman/Programmer-s_Web_App_Dev_Course클라우딩 어플리케이션 엔지니어링 코스. Contribute to josungman/Programmer-s_Web_App_Dev_Co..

확장 프로그램에 Todo Tree 검색후 사용시 아래와 같이 TODO된 주석은 좌측 TodoTree 아이콘클릭후 폴더 구조에서 트리형식으로 확인이 가능하다.  설치 방법및 사용법https://velog.io/@young_pallete/%EC%9D%B5%EC%8A%A4%ED%85%90%EC%85%98-Todo-Tree-Extension%EC%9C%BC%EB%A1%9C-%EA%B9%94%EB%81%94%ED%95%98%EA%B2%8C-todo-%EA%B4%80%EB%A6%AC%ED%95%98%EA%B8%B0 VSCode Extension | Todo Tree로 깔끔하게 todo 관리하기Todo Tree로 전역에서 어썸하게 주석 관리하기 🚀velog.io

1.Vscode alt 키로 코드 옮기기2.Vscode alt + shift 키로 코드 복사하여 옮기기3.Vscode ctrl + alt + 화살표 (여러줄 동시 선택)4./** 주석 예제 만들기5.Ctrl + Shift + P -> ca(cameal case) 카멜케이스 변수 자동완성

JavaScript의 프로토타입 기반 객체 지향JavaScript는 프로토타입 기반의 객체 지향 언어입니다. 이는 클래스 기반 객체 지향 언어와는 다르게, 객체들이 클래스의 인스턴스로 생성되는 대신 객체를 직접 생성하고 다른 객체를 상속받을 수 있습니다. JavaScript에서 모든 객체는 다른 객체로부터 프로퍼티와 메서드를 상속받을 수 있는 프로토타입 객체를 가지고 있습니다.생성자 함수의 사용생성자 함수는 객체를 생성하기 위해 사용되는 특별한 함수입니다. new 키워드와 함께 사용되며, 생성자 함수 내부에서 this 키워드를 사용하여 객체의 초기 속성을 설정합니다. 샘플 코드 및 설명// 생성자 함수 예시function Person(name, age) { this.name = name; th..

객체(Object)개체(Entity)의 정의:자바스크립트의 객체는 소프트웨어의 가장 기본적인 구성요소로, 개체라고도 불립니다.속성(Property)과 구성:객체는 속성(property)으로 구성되며, 각 속성은 객체의 특징이나 상태를 나타냅니다. 속성은 키(key)와 값(value)의 쌍으로 구성됩니다.자바스크립트 객체 선언:객체는 중괄호 {}를 사용하여 선언합니다. 각 속성은 쉼표로 구분되며, 키는 따옴표로 묶일 수 있습니다(하지만 필수는 아님).const 객체명 = { "속성명": 값, "속성명2": 값}; 자바스크립트 객체의 실용성객체는 데이터를 구조화하는데 매우 유용하며, 코드 내에서 다양한 데이터 타입을 하나의 변수로 관리할 수 있도록 해 줍니다.객체의 속성(Property)속성의 기본 구조..

표현식 expression표현식(Expression)은 자바스크립트에서 값으로 평가되는 코드의 일부입니다. 즉, 표현식은 어떤 값으로 평가될 수 있는 모든 코드 단위를 말합니다. 예를 들어, 숫자, 문자열, 연산자의 조합, 함수 호출, 객체 접근 등이 표현식이 될 수 있습니다.// 리터럴 표현식const number = 42; // 여기서 42는 숫자 리터럴 표현식입니다.// 문자열 리터럴 표현식const greeting = "Hello, World!"; // "Hello, World!"는 문자열 리터럴 표현식입니다.// 산술 표현식const sum = 10 + 32; // 10 + 32는 두 숫자를 더하는 산술 표현식입니다.// 함수 표현식const square = function(x) { re..

wappalyzer: (크롬 확장) 웹페이지를 파싱하여 페이지에서 사용된 웹 기술을 나열해줍니다.

Prettier: 코드를 자동 포맷팅 할 수 있도록 도와주는 확장change-case: 네이밍 컨벤션에 맞게 자동 변경해주는 확장

1. 원시 타입 (Primitive Types)원시 타입은 불변의 값으로, 값 자체가 변수에 저장됩니다.Number Type// Number 타입은 64비트 부동 소수점 형식으로 숫자를 저장합니다.let x = 0.1 + 0.2;console.log(x); // 출력: 0.30000000000000004, 부동소수점 연산의 예// 특수 숫자 값console.log(1 / 0); // Infinityconsole.log("not a number" / 2); // NaN, Not a NumberBigInt Type// BigInt는 아주 큰 정수를 다룰 수 있습니다.const hugeNumber = BigInt(9007199254740991);console.log(hugeNumber + 1n); // 900..