일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
- CSS 박스모델
- section태그와 article태그의 차이점
- Code States
- 프로그래머스
- Til
- javascript
- github
- HTML5문서
- 오블완
- 코드스테이츠
- CSS 스타일
- 깃허브
- CSS Object Model
- history API
- 템플릿 문자열
- flex box
- placeholder
- display와 visibility
- Scope
- 스코프
- 티스토리챌린지
- opacity
- 시맨틱
- 객체지향프로그래밍
- GIT
- overflow: hidden
- BOM
- block 박스
- HTML요소
- 외계행성의 나이
- Today
- Total
해말그미의 코딩공부
TIL : 에러, 제로초 강의 본문
Uncaught ReferenceError: process is not defined
=>
이 에러는 보통 브라우저 환경에서 발생하는 것이 아니라 Node.js 환경에서 발생하는 경우가 많습니다. JavaScript에서 process는 Node.js의 전역 객체로 정의되어 있지만, 브라우저 환경에서는 기본적으로 사용할 수 없습니다.
이 에러가 발생하는 일반적인 이유는 다음과 같습니다:
- Node.js 환경이 아닌데 process를 사용하고자 할 때: 예를 들어, 브라우저에서 실행되는 JavaScript 코드에서 process를 사용하려고 시도하는 경우.
이러한 경우에는 process를 사용하기 위해서는 Node.js 환경에서 실행해야 합니다. 브라우저에서 사용해야 할 경우에는 다른 대안을 고려해야 합니다.
이 문제를 해결하기 위한 몇 가지 방법은 다음과 같습니다:
- 브라우저 환경에서 사용할 대체 수단 사용: 브라우저 환경에서는 process 대신에 브라우저가 제공하는 API를 사용할 수 있습니다.
- Node.js를 사용하는 환경에서 실행: process를 사용하는 코드를 Node.js 환경에서 실행하도록 하거나, Node.js 기반의 서버에서 실행시킵니다.
- 조건부로 process를 사용하는 코드 처리: 코드를 조건부로 감싸거나 분리하여, Node.js 환경에서만 실행되도록 합니다.
어떤 방법이 가장 적합한지는 사용 중인 코드와 환경에 따라 다를 수 있습니다.
https://velog.io/@aseungbo/0929-Uncaught-ReferenceError-process-is-not-defined-error-muw77bbz
[09/29] `Uncaught ReferenceError: process is not defined` error
process is not defined error
velog.io
🌼 변수 수정하기
빈 값은 null로 하는 게 좋음 undefined보다는
null은 의도적으로 빈값을 넣었다고 생각할 수 있어서 추천!
(undefined는 값으로도 돌려주기 때문에)
number = number + 3; 여기서 =은 같다가 아니라 오른쪽 거를 왼쪽에 대입한다는 뜻.
이 코드를 축약할 수도 있는데
기계적으로 number = number + 3; 이런 식으로 바꿀 수 있도록 하자.
🌼 상수(const)와 var
const는 재할당 , 재선언 x
🌼 조건문(if)
🌼 else, else if, switch
조건문에는 if문 외에도 switch문이 있다. 조건을 충족할 때 실행된다는 공통점도 있지만, 차이점도 있다.
조건식과 비교조건식이 같으면 동작문을 실행한다.
switch 문에는 조건식 두 개가 사용된다. switch 옆 소괄호 조건식의 값이 case의 비교 조건식 값과 일치(===)하면 해당 동작문이 실행된다. 보통 조건식에 변수를 넣고, 비교 조건식에는 변수와 비교할 값을 넣는다.
동작문에는 {} 써도 안 써도 되지만 쓰는 것을 추천!
특이점은 b랑 일치하면 그 밑에 것도 다 나온다는 점!
이를 막아주려면 break; 를 넣어준다.
어떠한 것에도 해당되지 않으면 default 부분이 실행된다.
🌼 조건부 연산자(삼항 연산자)
조건식 ? 참일 때 실행되는 식 : 거짓일 때 실행되는 식
=을 보면 오른쪽 먼저 실행되고 결괏값을 돌려주기 때문에 value에 대입할 수 있다.
조건부 연산도 중첩해서 사용할 수 있다.
이렇게 중첩해서 쓸 수 있다.
조건 1이 참일 때 괄호 부분 실행되고
2가 false니까 condition1만 참 이 결괏값이 된다.
다른 사람이 볼 때 헷갈리지 않도록 괄호 쳐도 된다.
'TIL' 카테고리의 다른 글
TIL :템플릿, 제로초 JS강의 (0) | 2024.04.26 |
---|---|
TIL : 로그인 관련 공부, 제로초 강의 (0) | 2024.04.25 |
TIL : 제로초 강의(6편) (0) | 2024.04.24 |
TIL : 제로초 강의 / OAuth 클라이언트 생성해 보기 (0) | 2024.04.24 |
TIL : min-height를 이용해 footer 화면 아래 고정 (0) | 2024.04.24 |