📍 시작 예전부터 다크 모드를 구현하고 싶었다. 이번 기회에 공부할 수 있었던 계기가 되었다. 여러 가지 방법이 있었지만 body에 테마 스타일을 지정하고 와 theme속성을 활용하는 대중적인 방법을 선택하게 되었다. 토글 버튼 클릭 시 테마가 변경되고 새로고침 해도 유지되어야 하기에 localStorage도 같이 활용했다. 🥹 문제 전역으로 상태를 관리할까 했지만 localStorage에 저장하기에 할 필요가 없다 생각했다. const themeMode = localStorage.getItem('THEME'); const handlerTheme = () => { if (themeMode === 'dark') { localStorage.setItem('THEME', 'light'); } else { lo..

프론트엔드 취업 준비생으로 자바스크립트 기초가 부족하여 공부 중이다. const name = "Jieun"; // 문자인 경우 "" 또는 ''로 닫아줌 const age = "28"; // 숫자인 경우 "" 또는 ''가 필요 없음 let age = 28; const : 절대 바뀌지 않는 상수, 되도록 대문자로 사용하여 표기 let : 변할 수 있는 값을 작성할 때 const로 먼저 작성 후 변할 수 있는 값을 let으로 작성하는 게 좋다고 한다. 변수는 문자와 숫자, $와 _를 사용 첫 글자는 숫자가 될 수 없음 예약어는 사용할 수 없음 가급적 상수는 대문자로 표기 변수명은 읽기 쉽고 이해할 수 있게 선언 (여러 개발자와 협업할 때 유의함) . . . 공부 출처 : 유튜버 코딩악마 자바스크립트 기초 강좌

시작 내가 답변 할 수 있고 어느 정도 이해한 질문 몇 가지를 정리해 보았고 다른 레퍼런스와 다른 분들의 내용을 참고해서 작성하기도 했다. ✔️ 질문 UI, UX의 개념과 두 개념의 관계에 대해서 설명해 주세요. ✍️ 답변 UI, UX는 사용자와 상호작용하는 서비스 디자인과 관련된 개념입니다. UI는 사용자가 직접 조작하는 인터페이스 요소들의 디자인이고 UX는 사용자가 서비스를 사용하는 동안 느끼는 총체적인 경험에 초점을 둔 디자인입니다. UI는 UX의 일부분으로 좋은 UX를 만들기 위해서는 사용자들이 인터페이스 요소들을 쉽게 사용할 수 있도록 UI 요소들이 잘 구성되어야 합니다. 따라서 사용자에게 제공할 서비스 제작 시 UI, UX 둘 다 고려해야 합니다. UI - 버튼, 아이콘, 입력 폼 등 UX -..