1. 에러 해결 방법

문제 상황

NVM을 통해 Node.js 여러 버전 관리 및 Node.js 13 버전 설치

에러 발생:

error installing 13.14.0: open C:\Users\Ideapad\AppData\Local\Temp\nvm-npm-3154908378\npm-v6.14.4.zip: The system cannot find the file specified.

원인: NVM 최신 버전(1.2.2)에서 Node.js 13 설치 시 npm 파일을 찾지 못하는 버그

해결 방법

NVM 버전 다운그레이드

최신 버전(1.2.2) 대신 이전 안정 버전 사용

2. NVM 다운로드 및 설치 방법

1. 다운로드 사이트

https://github.com/coreybutler/nvm-windows/releases

2. 설치 방법

1. 위 사이트 접속
2. 가장 최신 버전 말고 이전 버전 선택 (예: v1.1.10, v1.1.9 등)
3. Assets 섹션에서 nvm-setup.exe 파일 다운로드

설치 후 확인

# NVM 버전 확인
nvm version

# Node.js 13 설치
nvm install 13

# 설치된 버전 확인
nvm list

# Node.js 13 사용
nvm use 13

# 확인
node -v

• NVM 최신 버전(1.2.2)에서 Node.js 13 설치 시 npm 파일 찾기 실패
• NVM을 이전 안정 버전(v1.1.9, v1.1.10 등)으로 재설치
• 다운로드: https://github.com/coreybutler/nvm-windows/releases에서 nvm-setup.exe
• Node.js 13 정상 설치 완료

Issue : git modified even if i didn't modify anything

줄바꿈 문제인 줄 알았지만 권한 문제였음.

1. 줄바꿈 자동 변환 시도 (난 안됨)

git config --global core.autocrlf true

- 텍스트 파일의 줄바꿈(CRLF <-> LF) 자동으로 변환해주는 설정

- 줄바꿈 문제로 인한 불필요한 변경 막아줌

2. 파일 권한의 변경 여부를 Git 무시하도록 설정 

git config core.filemode false

- Git은 기본적으로 파일의 실행 권한 변경도 트래킹 함

- windows에서는 이 권한 개념이 달라서 불필요하게 mode change 가 나타날 수 있음

false 설정시

- 파일의 권한 변경 무시

- git status에 permission 변경 안뜸

참고 링크: 

https://stackoverflow.com/questions/62724723/git-in-visual-studio-code-says-file-is-modified-even-when-there-is-no-change

개발환경 : vscode

언어 : typescritpe + javascript

현상

모든 코드에 빨간줄 뜨면서 'jsx element implicitly has type 'any' because no interface 'jsx.intrinsicelements' exists' 가 뜸.

(에러 캡쳐 못함)

도커 사용해서 코드는 잘 굴러가는 상황

해결

방법 1)

Ctrl+Shift+P > 'Developer Reload Window'

출처 : https://jang8584.tistory.com/295

방법 2)  npm install

>> 윈도우 재설치하면서  npm install 을 안해줬었음. 

전 바보입니다. 

node_modules 가 비어있었네요~ 

nvm 으로 node vesion 맞춰주고 npm intall 해줍니다.

저 . . 당첨 됐어요 ~~!!

인생 살면서 이런 이벤트에 당첨되는 날이 오다니..

총 8일 참여했는데

,

.

교촌치킨 쿠폰

무려 1000명 안에 들었다.. !!

tistory와 이 글을 읽는 모든 분들께 감사인사를 표합니다 ㅎ

더 활발하게 활동해보겠습니다!!

안녕하세옹 오늘은 '2024.11.09' 일자로 필기시험 보고 온 제가 
강서운전면허시험장 토요일 후기를 작성해보겠습니다.
 
연차 거지 직장인에게 사막 속 오아시스 같은 토요일 필기시험!!
토요일 후기가 없더라구여. (제가 보고 간 후기는 2016년에 나온..)
 
오후에 일정이 있어서 12시 이전에 꼭 완료해야하는 저는 굉장히 불안해집니다.

결론 부터 말하자면 저는 8시 50분 쯤 도착해서 9시 48분에 끝났습니다!!

1. 응시표 작성(사진 붙이기, 개인정보 작성)
2. 건강검진 기록 조회(없어서 신체검사함)
3. 신체검사
4. 필기 접수(이게 젤 줄 길었지만 10분 기다림) - 2n 번 때 쯤 52번 번호표 발급
5. 필기 시험(줄 안섰음)
6. 합격 후 집가기~~
 
 

준비물

1. 3.5x4.5 사진 두 장
2. 신분증 or 여권,
 2-1. 여권 가지고 간다면, 여권정보증명서 (안가져가도 처리 해주시지만 시간 지체될 수 있음)
3. 건강검진 기록 있다면 뽑아가기 (없으면 가서 신체검사 해도됨) - 눈 안 좋으신 분 안경필수
*안경*

 
사진 없으신 분 이 글 보고 오세용
2024.11.12 - [분류 전체보기] - [CU] 여권 민증 반명함 등 사진 당일 인화 방법(6매 2000원, 24시 프린터기)

 
 
9시 오픈이라고 적혀있었는데 8시 50분에 도착해서 기다려야하나 ~ 했는데

문이 열려있었고 사람들이 꽤 있더라구요!

일찍 오길 잘했다 하는 생각과 함께 후다닥 작성해줍니다.

들어가자마자 오른쪽으로 가시면 응시표가 있구요 왼쪽으로 가시면 신체검사실이 있습니다.

응시표 작성해야 신체검사 해주니까 오른쪽부터 가세요!!

응시표 작성 

신체검사

전 건강검진 기록 결과가 없어서 (혹시나 몰라서 한 번 조회해봄)

신체검사 받았습니다.

줄이 조금 있지만 직원분들이 손이 매우매우 빠르십니다.

10분~15분 정도면 끝나용!

필기시험 접수

창구 네 다섯 곳 활용해서 빠르게 순번 다가옵니다~

필기시험 

필기 시험 보는 장소는 

컴퓨터 여러대 붙어있고 시험장 문이 열려있어서 그냥 들어가면 됩니다~~

더 공부하고 들어가실 분들은 앞에 의자도 있으니 공부하다 들어가세용!

전 모의고사 총 8번 보고 갔습니다. (54점, 65점, 68점, 59점, 73점, 51점, 76점, 79점)

70점 이상이라고 하니 심장이 두근두근.. 불안불안

모의고사 8번 보면서 3번밖에 합격 못해서 살짝 멘붕이였고 시험문제도 처음보는 문제가 많아서 필기시험 다시 봐야하나 했는데 

83점 합격!!!

행복 눈물과 함께 기능시험 등록하러 학원 달려갔습니다.

모두들 꼬옥 합격하시길 바랍니다..

한 달에 한 번 토요일 시험 .. 흔치 않습니다. . 파이팅!!

노마드 코더 - ReactJS로 영화 웹 서비스 만들기

Window 기준

목차

#8 Introduction
#9 Setup
#10 JSX & Props
#11 State
#12 Making the Movie App
#13 Conclusions
#14 Routing Bonus

#1~#7까지는 안할거에오. 리액트 아예 처음 접하시는 분이라면 꼭 하고 시작합시다!!

9.1 Creating a Github Repository

1. create repository 

2. repository 연결

git init // git 생성
git remote add origin https://github.com/uyeah0/MovieApp.git // 연결
git remote -v // 연결 확인

3. commit push 커밋푸시

git add . // 모든 파일 등록

git commit -m "#1.0 Creating your first React App" // 커밋 메세지 작성 후 등록

git push origin master // git repository에 push하여 커밋 최종으로 올리기

노마드 코더 ReactJS로 영화 웹 서비스 만들기

web 소켓 얘기하다가 급 react 기초 다지기 . . 빠르게 훑고 가면 좋을 거 같아서 후딱 진행해보겠습니다.

Window 기준

목차

#1 [Update] Introduction
#2 [Update] The Basics of React
#3 [Update] State
#4 [Update] Props
#5 [Update] Create React App
#6 [Update] Effects
#7 [Update] Practice Movie App

#8 Introduction
#9 Setup
#10 JSX & Props
#11 State
#12 Making the Movie App
#13 Conclusions
#14 Routing Bonus

#1~#7까지는 안할거에오. 리액트 아예 처음 접하시는 분이라면 꼭 하고 시작합시다!!

9.0 Creating your first React App

1. create-react-app

(node_env_14) C:\Study>npx create-react-app movie_app

2. package.json

"scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build"
  },​

start : 개발 서버를 시작하고 애플리케이션을 브라우저에서 실행하는 명령어 

- 실시간으로 파일 변경 감지

- 브라우저를 자동으로 새로고침 하거나 변경된 부분 즉시 반영

build : 프로젝트 배포용 빌드 변환 명령어

- 소스 코드 최적화 배포용 버전 변환

- 코드 압축, 분할, 이미지 최적화 등 프로덕션 환경에 맞게 설정 조정

- 배포하기에 적합한 파일들을 build/ 디렉터리에 생성

test ( 테스트를 자동으로 실행하여, 코드가 예상대로 작동하는지 확인 가능),

eject (프로젝트 설정을 커스터마이징 하기 위해 react 앱 기본 설정 노출) 는 사용안한다네용

3. npm start

localhost:3000 번으로 웹페이지 열려따!

성공적

  Local:            http://localhost:2:30003000
  On Your Network:  http://172.16.1.92:30002:3000

Local : 컴퓨터에 있는 거

On Your Network : 다른 사람이 이 사이트 확인해볼때 폰에 테스트 하거나 wifi로 접속 가능

노마드 코더 ReactJS로 영화 웹 서비스 만들기

web 소켓 얘기하다가 급 react 기초 다지기 . . 빠르게 훑고 가면 좋을 거 같아서 후딱 진행해보겠습니다.

Window 기준

목차

#1 [Update] Introduction
#2 [Update] The Basics of React
#3 [Update] State
#4 [Update] Props
#5 [Update] Create React App
#6 [Update] Effects
#7 [Update] Practice Movie App

#8 Introduction
#9 Setup
#10 JSX & Props
#11 State
#12 Making the Movie App
#13 Conclusions
#14 Routing Bonus

#1~#7까지는 안할거에오. 리액트 아예 처음 접하시는 분이라면 꼭 하고 시작합시다!!

1. nodejs, npm 설치 되었다면 npx 설치

(node_env_12) C:\Study>npm install npx -g

2. node, npm, npx, git 설치 확인

ISSUE  : react 12버전이 너무 낮다고 하네요 . .ㅎ

node 14 버전으로 진행했습니다!!