javascript

import { TestComponent } from '../../../../components/TestComponent'; 프로젝트가 커질수록 길어지는 ../../ 이 마음에 안들었다.보기에도 지저분하고 가독성도 떨어지고, 위치 이동이라도 하면 어디서 나는지 모를 imoprt 오류까지! 역시 비슷한 생각을 했던 선배 개발자들이 길을 열어두었다.  1. tsconfig.app.json 수정{ "compilerOptions": { /* Paths */ "baseUrl": "src", //절대경로 디렉터리 설정 "paths": { //하위 디렉터리용 상대경로 매핑 "pages/*": ["pages/*"], "comp..

조건식에는 주로 boolean 타입의 true/false를 넣었는데 다른 타입은 어떻게 비교하는지 알게되어 정리한다. 변수의 값을 초기화하거나 삼항연산자를 사용할 때도 유용하게 쓸 수 있을 것 같다. Truthy (참 값) true (boolean) 빈 문자열을 제외한 문자열 0이 아닌 숫자 객체, 배열 Falsy (거짓 값): false (boolean) 0 빈 문자열 ( '' , "" ) null undefined NaN (Not-a-Number = 숫자가 아님) 응용 const testObj = { a: 'abc' }; const testArr = []; const testFn = () => { //문자열 let abc = testObj?.a ? testObj?.a : ''; //삼항연산자로 a 프..

1. 정리 ▶ script에서 html 요소에 접근 검색 document.getElementById('아이디명') document.getElementsByTagName('태그명') document.getElementsByClassName('클래스명') >> class 나 name은 n개의 태그에 같은 이름을 부여 할 수 있지만, id는 한 개만 존재하니까 s 가 안 붙는다. ▶ es6에 추가된 기능 --> document.getElement랑 같은 기능 document.querySelector('#id이름') document.querySelector('.class이름') document.querySelector('tag이름') document.querySelectorAll('.class이름') docum..