js 2

[React / 프로젝트] PWA 화면 방향 감지 및 회전유도 구현

HelloWord 프로젝트는 기본적으로 가로모드로 개발되었는데 중간에 회원가입 및 로그인을 세로로 바꾸자는 의견이 나왔다. 갑작스러운 제안이었지만 모바일에서 가로화면으로 입력하는 것에 대한 불편함에 대해 인지하고 있었기 때문에 변경을 팀적으로 결정했다.이미 가로화면에 기반하여 모든 코드가 개발되어 있었기 때문에 반응형으로는 구현하기 어렵다고 판단했고 UX적으로 어떻게 하면 자연스러울까 고민하던 중 화면의 방향을 감지해서 회전유도를 해야겠다는 생각이 들었고,`portraitModeWarning`, `landscapeModeWarning` 컴포넌트를 구현했다 화면 방향 감지 로직const checkOrientation = () => { if (window.screen && window.screen.orie..

FE/React 2024.12.01

[09장] 모던 자바스크립트 Deep Dive - 타입 변환과 단축평가

9.1 타입 변환이란?JS의 모든 값은 타입이 있다. 개발자의 의도에 따라 다른 타입으로 변환할 수 있다. 개발자가 의도적으로 값의 타입을 변환하는 것을 명시적 타입 변환 또는 타입 캐스팅이라 한다.var x = 10// 명시적 타입 변환// 숫자를 문자열로 타입 캐스팅한다.var str = x.toString()console.log(typeof str, str) // String 10// x변수의 값이 변경된 것은 아니다.console.log(typeof x, x) // number 10 개발자의 의도와는 상관없이 표현식을 평가하는 도중에 JS엔진에 의해 암묵적으로 타입이 자동 변환되기도하는데,이를 암묵적 타입 변환 또는 타입 강제 변환이라 한다.var = 10// 암묵적 타입 변환// 문자열 연결 연..

FE/JavaScript 2024.11.03
반응형