![]()
변수와 상수// 1. 변수// 반드시 초기화해야하는 것은 아님..let age = 27;console.log(age);age = 30;console.log(age);// 2. 상수// 한 번 선언되면 값을 바꿀 수 없기 때문에, 선언과 동시에 초기 값을 할당해야 한다.// 반드시 초기화가 되어야 함..// const birth = "1996.01.01";// 3. 변수 명명규칙(네이밍 규칙)// 3-1. $,_ 제외한 기호는 사용할 수 없다.let $_name;// 3-2. 변수의 이름은 숫자로 시작할 수 없다.let name1;let _2name;// 3-3. 예약어를 사용할 수 없다.// 자바스크립트가 이미 쓰고 있는 것.// let let// 4. 변수 명명 가이드let a = 1; // 이런건 ..
한/영 변환 기능을 구현하며 몇 가지 깨달음을 얻었다.처음에는 "화면이 내가 원하는 대로만 보이면 된다"는 생각으로 작업을 시작했다. 그래서 MUI에서 제공하는 컴포넌트 중 Breadcrumbs 디자인이 마음에 들어 선택해서 활용했다. 그러나 Breadcrumbs는 단순히 디자인 요소가 아니라 "내비게이션 경로"와 같은 순서를 내포하는 의미를 가지고 있었다. 예를 들어, 내폴더 > 다운로드 폴더처럼 사용자가 경로를 따라 이동하는 구조를 나타냈다.이를 통해 컴포넌트를 선택할 때 단순히 디자인만 고려할 것이 아니라, 해당 컴포넌트가 가진 의미와 역할까지 이해하고 활용해야 한다는 점을 깨달았다. 내가 구현하고자 했던 것은 단순히 한국어/영어 변환 기능으로, 사용자가 한국어나 영어를 선택할 수 있는 기능이면 충..
HTML(Hypertext Markup Language)란? 웹 페이지의 구조와 콘텐츠를 정의하는 마크업 언어. 웹 브라우저에게 어떻게 콘텐츠를 표시하고 구조화해야 하는지 알려준다. HTML은 요소(element)와 태그(tag)를 사용하여 문서의 각 부분을 정의하고 표시한다. CSS(Cascading Style Sheets)란? HTML문서의 스타일과 레이아웃을 정의하는 스타일 시트 언어. HTML요소의 디자인, 색상, 크기, 배치 등을 지정할 수 있다. HTML문서의 시각적인 표현을 담당하며, 디자인과 콘텐츠를 분리하여 웹페이지를 보다 유연하고 일관된 스타일로 꾸밀 수 있게 해줌 ▶ 요약 : 웹개발에서 HTML은 콘텐츠 구조를 정의하고, CSS는 콘텐츠의 디자인과 스타일을 지정한다. html ! : ..
