Ordinary Day

JSX는 JavaScript XML의 약자로, JavaScript를 확장한 문법입니다. JSX는 React에서 주로 사용되며, HTML과 유사한 문법으로 UI 컴포넌트를 정의합니다. JavaScript 코드 내에서 HTML 태그를 직접 작성할 수 있도록 해주어 코드의 가독성과 유지보수성을 높여줍니다. JSX는 브라우저가 이해할 수 있도록 Babel과 같은 컴파일러를 통해 JavaScript 코드로 변환됩니다.  JSX의 특징1. HTML과 유사한 문법JSX는 JavaScript 코드 안에 HTML과 비슷한 태그를 작성할 수 있습니다.const element = Hello, world!;// 컴파일 시 변환되는 결과물const element = React.createElement('h1', null, 'H..

때론 맛있는 간식으로때론 든든한 식사 대용으로 우리집 주방은 발뮤다가 있기 전과 후로 나뉜다.그리고 발뮤다의 덕을 톡톡히 본 메뉴가 있었으니,그건 바로 추억의 간식 핫도그. 어릴적 처음 맛보았던 소세지만 들어간 핫도그,어느날부터 감자가 콕콕 박힌 핫도그로 업그레이드 되고. 커서 잊고 살다가 명랑핫도그가 생기면서추억의 간식으로 종종 사먹었는데어느날 갑자기 동네 매장이 없어졌다. 아쉬운대로 냉동 핫도그 사다 먹어봤지만전자레인지로 돌리면 눅눅해서 영 별로... 그러다 발뮤다가 생기고,이런저런 레시피들을 찾아보다가핫도그 레시피까지 발견한것이다. 발뮤다가 있다면그리고 핫도그를 좋아한다면꼭 한번 먹어보시라.    메인 재료핫도그 - 1개전자레인지 - 우리집은 1000w발뮤다 토스터기 - 소스 -케챱머스타드 (취향에..

JavaScript에서는 배열에 새로운 항목을 추가하면서 기존 배열의 내용을 유지하려면 스프레드 연산자(...)를 사용하는 것이 가장 간단하고 직관적입니다. 이 연산자는 배열이나 객체를 복사하거나, 결합하거나, 새로운 배열을 생성하는 데 자주 사용됩니다. 배열 조작 시 불변성(immutability)을 유지하며 새로운 배열을 만들어 작업할 수 있습니다.  스프레드 연산자(...)란?스프레드 연산자는 배열이나 객체의 모든 항목 또는 속성을 확장하여 새로운 배열이나 객체를 만드는 문법입니다.배열의 모든 요소를 펼칩니다.새로운 요소를 추가하거나 기존 요소를 조합하여 새로운 배열을 생성할 수 있습니다. 배열에 새로운 항목을 추가하기const originalArray = [1, 2, 3];// 배열의 시작에 항목..

JavaScript에서 배열은 기본적으로 단일 타입 배열(single type array)을 요구하지 않으며, 다양한 데이터 타입을 동시에 저장할 수 있는 배열입니다. 배열은 몇 가지 특수 형태로 구분하거나 활용 할 수 있습니다.  표준 배열(Standard Array)JavaScript의 표준 배열은 순서가 있는 컬렉션입니다.배열의 크기는 동적으로 조정되며, 숫자, 문자열, 객체 등 모든 타입의 데이터를 저장 할 수 있습니다.const standardArray = [1, "Hello", true, { key: "value" }];console.log(standardArray);// [1, "Hello", true, { key: "value" } ]// 위 배열에는 number, string, boole..

Vanilla JavaScript는 특별한 라이브러리나 프레임워크 없이 순수한 JavaScript만을 사용하는 방식을 지칭하는 용어입니다. 개발자들 사이에서 "가장 기본적인 JavaScript로 구현한다"는 의미로 사용되며, 보통 React, Vue.js, jQuery 등의 라이브러리 없이 JavaScript 기본 기능으로 웹 애플리케이션이나 기능을 작성할 때 이를 Vanilla JS로 부릅니다. 바닐라 JS는 JavaScript의 핵심 동작 원리를 배우고 이해하는 데 도움을 주며, 작은 프로젝트나 간단한 작업을 위해 적합합니다. Vanilla JS의 특징순수 JavaScript 사용DOM 조작, 이벤트 처리, Ajax 호출 등 모든 기능을 기본 JavaScript로 수행가벼움외부 라이브러리 없이 Jav..

매우 오랜만의 소식 .. :) 레벨 50 달성!그리고 Mii 캐릭터도 변화를 주었다.        계정 명칭에색상 추가하는 방법을 알게되었는데  맙소사!그냥 CSS 태그를 넣어주면 되는거였다니!   바로 적용해주었음! 컬러코드는 인터넷에 검색하면쉽게 알 수 있음! sample Color Orange닉네임          12월에 정말 열심히 모았지만전부 하나씩 모자라.... 하.... 다음에 또 다시 만날 기회가 있겠지...?있을거야.. 있어야해... ㅂㄷㅂㄷ..        이태원 놀러갔을 때 진짜열심히 모종서치 해서 수집했는데겨우겨우 1개 얻었다...타코 너 뭔데 왤케 귀한건데...          희귀 데코는 이제 하나 남았다.생각보다 레스토랑 모종 구하기 너무 쉬워서희귀데코 다 모으기까지 그리 어..