# VS

38개의 포스트

1. Github & VS Code 사용법

다들 굿모닝(?) 굿 애프터눈(?) 개인 벨로그에 첫 글을 올리려니... 약간 두근쓰.... 어떤 글을 가져올까 하다가,, 요즘 자체 기초로 돌아가기 프로젝트를 하고 있는 관계로 ㅋㅋㅋㅋ github 및 vs code 사용법을 가져와봤슴다!! (사실 그룹 벨로그에 썼던 글 줍줍 컨씨 컨브이. 덕분에 말투 쏘 생기발랄) -------------그럼,, 복붙 스타트----------------- 사실 저도 git을 잘 쓴다고 말할 순 없지만,,, 처음 깃을 접했을 때의 막막함을 누구보다 잘 알기에!! 게다가 터미널의 그 까만 건 배경이고 흰 건 글씨요... 그거 너무.. 무섭잖아요(눈막) 그래서 터미널보단!(물론 깃명령어도 설명 있음) 실제로 제가 프론트엔드 (React, next.js) 개발을 할 때 이용하는 짱편개편 VS Code 실 사용 ver.으로..! 한 번 사용법을 적어보려 합니다. 뭔가,, 정말 처음 보는 사람도 할 수 있게끔

2일 전
·
0개의 댓글
·
post-thumbnail

1. Github & VS Code 사용법

안녕하세요, 코라입니다! 오늘은.. 어떤 글을 가져올까 하다가,, 요즘 자체 기초로 돌아가기 프로젝트를 하고 있는 관계로 ㅋㅋㅋㅋ github 및 vs code 사용법을 가져와봤어요!! 사실 저도 git을 잘 쓴다고 말할 순 없지만,,, 처음 깃을 접했을 때의 막막함을 누구보다 잘 알기에!! 게다가 터미널의 그 까만 건 배경이고 흰 건 글씨요... 그거 너무.. 무섭잖아요(눈막) 그래서 터미널보단!(물론 깃명령어도 설명 있음) 실제로 제가 프론트엔드 (React, next.js) 개발을 할 때 이용하는 짱편개편 VS Code 실 사용 ver.으로..! 한 번 사용법을 적어보려 합니다. 뭔가,, 정말 처음 보는 사람도 할 수 있게끔 자세하게 적으려다 보니까,, 굉장히 길어서 글을 좀 나눠야 될 거 같긴 한데,,, 그럼에도 뭔가 빠뜨린 부분이 있어서 헷갈리실 거 같기도 하고,, 네, 이렇게 밑밥을 깔고, Cora가 말아주는 Github 및 VS Code 사용법 1탄! 시작해보겠습니당

6일 전
·
0개의 댓글
·

Node.js 공부 1일차

취업을 준비하면서 자바, 스프링부트, 파이썬+장고, JSP 등 교육과정에서 배운 것들을 혼자서 다시 해보자라는 일념으로 복습을 완료했다. 이력서를 넣고 면접을 보러다니다가, 매일 면접을 보는게 아니여서, 중간중간 시간이 남을때마다 새로운 기술스택을 쌓아보기로 마음을 먹고 시작한 Node.JS 공부 일지이다. Node.js란? > Node.js는 확장성 있는 네트워크 애플리케이션(특히 서버 사이드) 개발에 사용되는 소프트웨어 플랫폼이다. 작성 언어로 자바스크립트를 활용하며 Non-blocking I/O와 단일 스레드 이벤트 루프를 통한 높은 처리 성능을 가지고 있다. 내장 HTTP 서버 라이브러리를 포함하고 있어 웹 서버에서 아파치 등의 별도의 소프트웨어 없이 동작하는 것이 가능하며 이를 통해 웹 서버의 동작에 있어 더 많은 통제를 가능케 한다. 처음 시작하기전 구글 검색을 하여, Node.js가 무엇인지 읽어보았다. 솔직히 말하자면 대충 이해는 가는데 직접 써봐야 알거같은

2023년 8월 27일
·
0개의 댓글
·

git push_repository 오류

🚨 1. 문제git pushrepository 오류 발생 > 해당 오류문 발생 📍 해결_remote 저장소 확인 remote 저장소 확인 > 1. 해당 명령어로 remote 저장소 확인 > 2. 보다시피 저장소 확인X > 3. 다시 저장소 add > 4. push로 저장소 반영 확인 > 결과문 🚨 2. 문제_git push 오류 (pull) 다음과 같은 문제 발생 > > => "non-fast-forward" 오류: 로컬 브랜치의 기록이 원격 브랜치와 비교하여 비

2023년 7월 8일
·
0개의 댓글
·

23.07 오류 수집

sequelize db > 실행이 안 될 시 > 해당 명령어 실행 (나중에 다듬기) DB mysql 오류문 오류문 > DB 오류 발생 시 quary에서 > Sequelize model Sync 오류 => config.json 파일에 db 설정 확인 npx sequelize init 터미널 오류 > = config\config.json 파일이 이미 있음 => --force로 명령을 실행하여 덮기 app.js 파일 경로 오류 > 해당 오류문 발생 =명령이 파일 경로를 올바르게 인식하지 못함 > 해당 명령어로 파일 경로 지정

2023년 7월 8일
·
0개의 댓글
·

git commit 오류

🚨 문제_git commit 오류 git commit을 하려던 중 해당 오류 발생 => Git이 사용자의 전자 메일 주소와 사용자 이름을 탐지할 수 없음을 나타냄 📍 해결_Git ID > 해당 명령어를 시행하여 Git ID 구성이 필요

2023년 7월 6일
·
0개의 댓글
·

Prettier 규칙

🧷 Prettier 터미널 설정 > 1. prettier 설치 (.prettierrc.js 파일 초기 설정) > 2-1. 스크립트 package.json >>2-2. "scripts" 항목 안에 추가 > 3-1. 해당 명령어로 스크립트 실행 >> 3-2. package.json 파일이 이상하다면 🧷 Prettier 규칙 권장 규칙 > trailingComma > 들여쓰기 한번에 얼만큼의 스페이스(여백)로 구성할지에 대한 설정 es5 : JavaScript 버전중 하나인 ES5에서 허용되는 부분까지만 콤마를 뒤에 붙이는 규칙 none : 가능한 모든 코드에서 코드 뒤에 붙은 콤마(,) 를 제거 (에러가 나도록 다 제거하는것은 아님) all : ES8 이전의 버전까지 허용되는 모든 부분에 콤마를 붙임 = all 규칙에 해당하는 문법을 지원하지 않는 브라우저 존재 -> 현재 권장되는 규칙은

2023년 7월 4일
·
0개의 댓글
·

vs 터미널 설정

npm이란? Node Package Manager의 약자로 nodejs의 모듈 관리를 하기 위해 사용한다. > package.json 파일 생성 (npm install 오류 시) >> > node_modules, package.json, package-lock.json 설치 >> > 버전 확인 (-v) > node_modules 설치 >> 완전하게 포함시키기 (종속성) --save 옵션은 package.json의 dependency 항목에 모듈을 추가 package.json에서 프로젝트가 사용하는 모듈들의 의존성을 관리 nodemon > 파일이 수정되면 자동으로 노드 애플리케이션을 재시작하는 확장 모듈 prettier > 1. prettier 설치 (.prettierrc.js 파일 초기 설정) > 2-1. 스크립트 package.json >>2-2. "scripts" 항목 안에 추가 > 3-

2023년 7월 4일
·
0개의 댓글
·

git 저장소 연결2(HTTP)

git HTTP push >파일 확인 >> >브랜치 기본(git에서 요구하는) -> 'main' >> >commit >> > HTTP 주소로 push! >> > >> 파일이 무사히 업로드 되었다면 끝 HTTP 주소 -> 변수명 주소가 너무 길어서 복잡하다면 변수로 만들어 줄이기 > => >> EX. => push 1. push 하기 전 commit 필수 -u : 주소 저장 이후엔 명령어만으로도 저장소에 push가 된다. clone > > >> 성공적

2023년 6월 25일
·
0개의 댓글
·

git 저장소 연결(SSH)

git SSH > 폴더 확인 > git SSH 주소 연결 > 브랜치 생성 >해당 브랜치로 커밋 > 브랜치로 push 만일 오류가 발생한다면? (ex.저장소 연결 불가) > 1. 이미 저장된 SSH 주소를 삭제 > 2. 브랜치를 체크 > 3. 커밋 >4. 다시 SSH 주소 입력 > 5. push! >결과 >> => 저장소에 파일이 push된 것을 확인한다.

2023년 6월 23일
·
0개의 댓글
·

💾 git_VS터미널

🔗 vs 터미널 commit 🔗 commit add > 특정 파일 저장 >> > 파일 전체 저장 >> status > 작업 디렉터리 상태 확인 >> commit > git commit >> log >log (commit 내역 확인) >> diff > commit 전 vs 파일 차이점 보여줌 >> 🔗 Branch branch > 브랜치 생성 >> switch > 브랜치 이동 >> > 상태창 >> > commit >> >- 다른 브랜치 이동 시 Ex. A branch > B branch 이동 시 A branch의 파일이 B branch의 파일에는 없음. >> EX. A branch의 A 파일 > B branch에는 A 파일 존재 X > commit & branch 그래프 확인 >> > 브랜치 이름 변경 -> 해당 브랜치 체크 merge >branch 합치기 (현재 br

2023년 6월 16일
·
0개의 댓글
·

"==" vs "==="

== 연산자 > - 두 데이터값의 타입이 다를 경우 -> 자동으로 데이터의 타입을 변환 후 값을 비교 타입을 비교하지 않으므로 === 연산자에 비해 느슨 === 연산자 > - 타입을 변환하지 않으므로 == 연산자에 비해 비교하는 방식이 엄격 -> 즉, === 연산자는 타입이 다르면, false를 반환

2023년 4월 10일
·
0개의 댓글
·
post-thumbnail

Developer Command Prompt for VS 2022로 C++ 컴파일하기

Developer Command Prompt for VS 2022를 찾는다. 이건 Visual Studio(보라색)를 설치하면 자동으로 설치가 되는 것 같다. Visual Studio는 C++ 프로그래밍에 도움은 되는데, 너무 무거워서 프롬프트에서 개발하는 방법을 고민하고 있다. https://learn.microsoft.com/ko-kr/cpp/build/walkthrough-compiling-a-native-cpp-program-on-the-command-line?view=msvc-170 여기 링크를 통해 그렇게 할 수 있는 방법이 소개되어 있는 것 같다. 아직 안 해봐서.. 금요일날 동북고등학교 컴퓨터로 해봐야겠다. ![](https://velog.velcdn.com/images/ywonchae

2023년 3월 29일
·
0개의 댓글
·

== , === 차이점

== : 두 피연산자의 값의 타입이 다를 경우 자동으로 일부 피연산자의 타입을 변환한 후 값을 비교 : 즉 데이터 타입은 비교하지 않고 단순 값만 비교하는 느슨한 비교 : 문자 == 숫자 => 문자를 숫자로 변환 후 값 비교 : Boolean 값은 0 또는 1로 변환 후 비교 === : 단순한 값이 아닌 데이터 타입까지 비교 후 결과값 출력 : NaN 값은 자신을 포함하여 어떠한 값과도 일치하지 않음 => NaN값이 존재하는 경우 항상 false값 출력 : == 보단 === 사용 권장

2023년 3월 14일
·
0개의 댓글
·
post-thumbnail

[GitHub] 토큰(token) 발급 받기

GitHub에서 토큰(token) 발급 받기 Git Hub 사용하는 IDE와 git repository와 연결하려면 IDE에서 git 로그인을 해야 repository와 연결을 시킬 수 있다. Git 연결을 할 때 로그인을 통해서 하거나 repository에 권한이 있을 경우에는 SSH로 연결을 쉽게 할 수 있는데, 현재 IDE가 잘못 세팅된 건지 git이 잘못 세팅된 건지 로그인 자체가 잘 안된다. 종종 이런 경우가 발생하고 VS Code랑 연결할 때는 잘 되는데, 이상하게 Android Studio에서는 로그인 자체가 먹통이 된다 ㅠㅠ 이럴경우 Github에서 개인 토큰(token)을 발급받아 IDE와 연결을 할 수 있는데 토큰 발급을 어떻게 받아야 하는지에 대해서 알아보도록 하겠다. Github.com GitHub 사이트로 이동하여 로그인을 진행한다. 로그인 진행 후 우측 상단을 보면 프로필 이미지가 보일 것이다.

2023년 1월 17일
·
0개의 댓글
·
post-thumbnail

JS '==' vs '==='

== 와 === 둘다 같다를 의미하는 연산자이다. 그렇다면 왜 두가지의 연산자가 있고, 되도록 js에서는 ===를 사용하라는 말을할까? > 실제로 두가지는 거의 같게 작동한다. > 위와같이 1 == 1+0 이거나 1 === 1+0 이거나 둘다 true를 반환한다는 것을 알 수 있다. 그럼 만약 문자열과 숫자를 비교할 경우에는 어떨까? 같은 것을 비교하는데도 === 와 == 를 사용했을때의 결과가 다름을 볼 수 있다. >==와 !=는 Equality 연산자 라고한다. 이 경우에는먼저 피 연산자를 비교할수 있는 형태

2023년 1월 15일
·
0개의 댓글
·

" " vs ' '

'' => simply return as string "" => evaluate variables between them https://stackoverflow.com/questions/6697753/difference-between-single-and-double-quotes-in-bash

2022년 12월 26일
·
0개의 댓글
·
post-thumbnail

[자바스크립트 개발자라면 알아야 할 33가지 개념] #5 == vs === (번역)

=== 연산자 자바스크립트에서 === 연산을 사용할 때, 우리는 엄격한 동등성을 비교합니다. 엄격한 동등성의 의미는 타입과 값이 둘 다 같아야 한다는 이야기입니다. ===은 타입과 값이 모두 같아야만 true를 반환한다는 것입니다. == 연산자 자바스크립트에서 == 연산자를 쓰는 목적은 느슨한 동등 비교를 위함입니다. == 연산자도 강제 형변환을 수행합니다. Falsy 값의 비교 1) false, 0 그리고 "" 2) null 그리고 undefined NaN 우리가 알아야 할 것 우리가 본대로, 자바스크립트에서 강제 형변환은 어디로 튈지 모릅니다. 당신이 자바스크립트와 매우 친숙하지 않다면, 느슨한 동등 연산자는 하나의 가치있는 선택이라기 보단 당신에게 엄청난 두통을 선사하는 녀석으로 변할 것입니다. 6가지 falsy 값을 암기해두세요. 그리고 그들에 관련된 다양한 규칙

2022년 11월 7일
·
0개의 댓글
·
post-thumbnail

Visual Studio 클래스 다이어그램 만들기 (보기)

안녕하세요 뚜르입니다! 저의 첫 벨로그이군요! 오늘은 비쥬얼스튜디오 (visual studio)에서 클래스 다이어그램을 만드는 방법에 대해서 알아보겠습니다. visual studio에서 도구 => 도구 및 기능 가져오기 를 누르면 인스톨러가 뜨는데 그냥 프로그램에서 visual studio installer를 실행하셔도 됩니다. 인스톨러가 뜨게 되면 개별구성요소를 누르고

2022년 8월 24일
·
0개의 댓글
·