개발 시 내가 몰랐던 꿀 팁 (feat. JavaScript)

JS에 내가 몰랐던 이번 달 꿀팁을 공유하려 한다.

 

목차는 이러하다.

 

1. 와이파이 속도가 느린 환경을 테스트 하고 싶은 경우. -> 개발자 도구를 통해 해당 내용을 수행할 수 있는 꿀팁

2. 객체변수에 Undefined를 쉽게 판별하는 방법

3. 함수가 없을 때 해당 함수를 실행 시 에러말고, undefind를 노출시킬 수 있는 방법

4. (구글 사용 시) 원하는 프로그램 실행 및 검색을 빠르고 간단하게 수행할 수 있는 방법(with : powerToy)

5. ...마무리 ( + chatGPT에 대하여)

 

 

1. 와이파이 속도가 느린 환경을 테스트 하고 싶은 경우

- 개발자 모드에서 해당 화면을 확인할 수 있을 것이다. 

- 네트워크 탭에 있는 드롭박스에는 해당 내용이 적혀있는데, 여기서 나는 '느린3G' 를 사용하는 편이다. 

 개발자 도구가 영어로 되어있는 걸 사용했는데 지금 사용하는 pc가 한글이라.. defalut가 한글인 거 같아서 그대로 기재한다.

 

 

 

 

 

 

 

 

 

 

 

 

2. 변수에 Undefined를 쉽게 판별하는 방법

 

a라는 객체변수가 있을 때 해당 키 값(ex: b)에 대한 값이 있으면 10 그게 아니라면 그대로 값을 넣는다고 한다면

a.b ??= 10;

null 병합 할당 연산자라고 불리우는 ??를 사용하면 해당 값이 undefinde이면 다른 값을 지정할 수 있다.

 

3. 옵셔널 체이닝; 함수가 없을 때 해당 함수를 실행 시 에러말고, undefined를 노출시킬 수 있는 방법

 

내가 접근하는 변수 혹은 함수가 존재하지 않아서 에러를 뱉을 가능성이 있을 경우. ?연산자를 통해서 에러 없이 진행할 수 있다.

 

a?.[0];
exFunc?.hi();

등을 사용하면 에러 대신 undefined로 간단히 수행할 수 있게 된다.

 

4. (구글 사용 시) 원하는 프로그램 실행 및 검색을 빠르고 간단하게 수행할 수 있는 방법

 

윈도우키 + 스페이스바를 입력할 경우 검색창이 중간에 노출되는데, 해당부분은 설치되어있는 모든 프로그램을 찾거나 수행 할 수도 있고, google에 바로 검색도 가능하다.

 

(다른 pc를 이용 중이라ㅜ 예시 사진이 없다..)

 

* 해당 내용은 powerToy 를 사용해야 실행이 가능하다. 해당 프로그램은 msoffice에 제공되어있다.

 

 

5. ...마무리

 

잘 인지하고 있다고 생각하던 것들이 정리를 하려고 하니까 가물가물하고 잘 모른다는 걸 알았고,

 

chatGPT 때문에 불안할 때도 있었는데, 아직 사용하다보면 부족한 점이 너무 많고 따라 잡히려면 멀었을 거같다..!ㅎㅎ