본문 바로가기

분류 전체보기

[React] Joamflix (Nomad Coders') https://xenodochial-wright-ed3962.netlify.app/#/ Joamflix xenodochial-wright-ed3962.netlify.app or https://joohaem.github.io/joamflix/#/ Joamflix joohaem.github.io https://github.com/joohaem/joamflix#readme joohaem/joamflix Contribute to joohaem/joamflix development by creating an account on GitHub. github.com 더보기
[Javascript] 옵셔널 체이닝 (Optional chaining; ?.) 으로 다중 체크하기 / ?? 연산자 옵셔널 체이닝(Optional chaining; ?.) 을 사용하면 중첩 객체에 안전하게 접근할 수 있다 이는 최신 문법이므로 구식 브라우저는 확인이 필요하다 예를 들어 다음과 같은 코드를 실행한다고 가정하자 exchange.links.website.map(~); exchange의 객체 배열에서 links 혹은 website가 있을 수도, 없을 수도 있다고 한다면 우리는 다음과 같이 && 연산자를 통해 트리플 체크를 해주어야 한다 exchange.links && exchange.links.website && exchange.links.website.map(~); 이처럼 참조가 누락될 가능성이 있는 경우 옵셔널 체이닝으로 더 짧고 간단한 표현식이 생성된다 exchange.links?.website?.map.. 더보기
[Javascript] JS 자료형변환 (to String / to Number / to Boolean) to String String( number || boolean ) ( number || boolean ).toString() "" + (number || boolean) `${ number 변수명 || boolean 변수명 }` to Number Number( string || boolean ) parseInt( 정수형의 string ) or parseFloat( 실수형의 string ) + (string || boolean) (string || boolean) * 1 to Boolean Boolean( 숫자 || 문자열 || 객체 || undefined || null ) !! ( 숫자 || 문자열 || 객체 || undefined || null ) Number 확인 전역변수 isFinite( valu.. 더보기
[Javascript][ES5] Array reduce() Array map(), sort(), filter(), forEach(), includes(), push() 메소드 -> https://snupi.tistory.com/144 [Javascript][ES5] Array map() / filter() / forEach() / includes() / push() Array map() map() 메서드는 배열의 모든 아이템에 대하여 function을 실행하는 메소드이다. 그리고 나서 function의 결과 값으로 새로운 배열을 만든다. const alphabets = ["a", "b", "c"]; const showingA = al.. snupi.tistory.com reduce() 메소드는 배열의 각 요소에 대해 주어진 reducer() 함수를 실행하고, 하.. 더보기
[CSS] Eric Meyer 의 reset.css 코드 + all:unset 브라우저마다 태그를 렌더링하는 기본 스타일이 다르기 때문에, 우리는 기본값을 초기화하는 rest css를 이용하는 것이 좋다 또한, reset css를 적절히 사용한다면, 코드들을 통해 중복 정의될 수 있는 코드들을 줄일 수 있다 정답이 없기에 여러가지 reset 코드들이 있으니 필요한 대로 골라 사용하면 될 것 같다 다음은 에릭마이어의 reset.css 코드이다 /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,.. 더보기

티스토리툴바