JAEJAE imojeomo

https://github.com/leejaejae/S-S-F물품 대여 서비스 웹페이지 프로젝트이 포스팅에서는 React를 사용하여 구현한 물품 대여 서비스 웹페이지 프로젝트에 대해 소개하고, 설치 및 실행 방법, 주요 기능, 폴더 구조, 사용된 기술 등에 대해 설명하겠습니다.목차프로젝트 개요설치 및 실행기능폴더 구조사용된 기술라이센스프로젝트 개요이 프로젝트는 사용자가 다양한 물품을 대여할 수 있는 플랫폼을 제공하는 웹 애플리케이션입니다. 사용자는 물품을 검색하고, 선택하여 대여할 수 있으며, 관리자 페이지를 통해 물품을 추가, 수정, 삭제할 수 있습니다.설치 및 실행1. 클론 및 디렉토리 이동먼저, 프로젝트를 클론하고 해당 디렉토리로 이동합니다:git clone https://github.com/you..

오늘은 자바스트립트의 반복문 중 하나인 for...of 명령문에 대해 공부해보자.for...of 명령문은 반복가능한 객체(예를 들어 Array, TypedArray, Set, Map...)에 대해서 반복하고 각 개별 속성값에 대해 실행되는 문이 있는 사용자 정의 반복 후크를 호출하는 루프를 생성한다.구문for (variable of iterable) { statement;}variable각 반복에 서로 다른 속성값이 variable에 할당된다.iterable반복되는 열거가능(enumerable)한 속성이 있는 객체. 예제let iterable = [10, 20, 30];for (let value of iterable) { // let 대신 const 사용도 가능 console.log(value);}..

오늘은 자바스크립의 parseInt() 함수에 대해 공부해보자.parseInt() 함수는 문자열 인자를 파싱하여 특정 진수의 정수를 반환한다. (파싱이란 데이터를 분해 분석해서 원하는 형태로 조립하고 다시 빼내는 프로그램)구문parseInt(string);parseInt(string, radix); 매개변수string파싱할 값이다. 문자열이 아닌 경우 toString 추상 연산을 사용해 문자열로 변환할 것이다. 문자열의 선행 공백은 무시한다.radixstring의 진수를 나타내는 2부터 36까지의 정수이다. 주의! 기본 값이 10이 아니다! Number 자료형이 아닌 경우 Number로 변환한다. 반환 값주어진 string에서 파싱한 정수이다. 아래와 같은 경우에는 NaN을 반환한다.radix가 2보다 ..

오늘은 자바스크립의 Constructor 메서드에 대해 공부해보자.Constructor 메서드는 클래스의 인스턴스 객체를 생성하고 초기화하는 특별한 메서드로 쉽게 말해 생성자이다.파이썬의 경우 클래스에서 __init__으로 변수를 초기화하는 것과 동일한 역할을 한다고 이해하면 된다.구문constructor() { ... }constructor(argument0) { ... }constructor(argument0, argument1) { ... }constructor(argument0, argument1, ... , argumentN) { ... } 설명Constructor를 사용하면 다른 모든 메서드 호출보다 앞선 시점인, 인스턴트 객체를 초기화할 때 수행할 초기화 코드를 정의할 수 있다.class P..

✏️ PWA란 - 구글에서 밀고 있는 Progressive Web App이라는건데 이건 웹사이트를 안드로이드/iOS 모바일 앱처럼 사용할 수 있게 만드는 일종의 웹개발 기술이다. - 근데 iOS, Android 앱으로 발행하는게 아니라 웹사이트 자체를 스마트폰 홈화면에 설치한다. ✏️ 웹사이트를 PWA화 시키는게 뭐가 좋냐면 1. 스마트폰, 태블릿 바탕화면에 웹사이트 설치 가능. 2. 오프라인에서도 동작 가능. - service-worker.js 라는 파일과 브라우저의 Cache storage 덕분 3. 설치 유도 비용이 매우 적음. - 웹사이트 방문자들에게 간단한 팝업을 띄워서 설치유도할 수 있으니 훨씬 적은 마케팅 비용 ✏️ PWA 발행하는 법 - 그냥 아무 사이트나 파일 2개만 사이트 로컬 경로에 ..