취미부자 개발자 로즈🌼

전체 글 141

카테고리 설명
개발, 일상, 내가 좋아하는 다양한 것들을 기록합니다 :)
  • git은 이미 아주 오래 전 만들어 둔 것이 있었다. 하지만 평소 공부 할 때 따로 git에 올리지 않다보니 잔디심기도 매우 불규칙하고.. 뭔가 나의 부실함을 그대로 드러내는 것 같아 민망해졌다ㅋ 그래서 블로그에 기록을 하면서, 깃에도 업댓하는 습관을 기르고자 계정을 새로 파기로 했다. 평소 관리 프로그램으로는 Sourcetree를 사용중이다. 소스트리가 이젠 익숙해서 굉장히 편리하다. 직관적인 UI가 잘 되어 있어서 보기에도 좋다! 그러고보니 다크 버전으로 바꿔야지.. 무튼, 새 계정을 추가하려는데 사용자명이 입력이 안되고.. 확인도 눌러지지 않아 어떻게 해야하는지 참 난감한 상황. Sourcetree와 git 연결 방법! 위와 같이 설정을 하고, github에 로그인을 하고 해당 페이지를 켜둔 뒤, ..

  • 프로젝트 생성 시 프로젝트 스타일 초기화 할 때, reset.css cdn jsdelivr 제공 버전으로 진행을 해보려 한다. 구글에 검색 시 reset.css cdn jsdelivr 라고 검색하면 이 중에 jsdelivr.com을 찾아가면 된다. 하지만, 찾으려면 번거로우니 블로그에 기록해두려고 한다. https://www.jsdelivr.com/package/npm/reset-css jsDelivr - A free, fast, and reliable CDN for Open Source Supports npm, GitHub, WordPress, Deno, and more. Largest network and best performance among all CDNs. Serving more than 80..

  • Emmet기능으로 편리하게 html 구조 완성하기 VsCode에서 html 생성 후 기본구조를 자동으로 작성하게 하려면 !를 누르면 Emmet기능이 활성화 된다. 이 중 첫번째를 선택하면 html의 기본 구조를 편리하게 작성할 수 있다. !를 누르고 첫번째엔터를 하면 하나하나 손으로 타이핑 하지 않아도 위와 같은 구조가 완성이 된다. 그 때 2번 라인의 lang="en"으로 설정이 되어 있는 것을 볼 수 있는데, 매번 ko로 변경해줘야 하는 번거로움이 있다. 이것을 "ko"나 다른 언어등으로 고정할 수 있는 방법이 있다! 보기 > 명령팔레트를 누르거나 ctrl + 3을 누르면 명령팔레트가 중앙 상단에 나타난다. 이곳에 settings.json을 입력하고 첫 번째에 보여지는 기본 설정 : 설정 열기 pre..

  • 발생 에러 building' has encountered a problem. errors occurred during the build. 발생 배경 기존에 잘 사용하던 프로젝트(A)에 추가로 다른 프로젝트(B)를 추가 했다. 서버 구동은 시도했다가 오류나서 추가만 해두고 구동은 되지 않고 있던 상황. 그 와중에 기존 사용하던 A 플젝을 project clean을 하던 중 발생 되었다. 검색해보니 새로 플젝만들고 구동할 때 발생되기도 하는 모양. 빌드하는 동안 오류가 발생했다. "프로젝트 명"을 실행하는 동안 오류가 발생되었다. 클래스를 초기화 할 수 없다. 뭐 이런내용. 디테일을 보기 전까지는 새로 추가하고 구동을 안하고 있던 B 플젝이 원인일거란 생각을 못했는데.. 이게 원인이었던 거 같다. 1. pr..

작성일
2022. 3. 11. 15:30
작성자
로즈♡

git은 이미 아주 오래 전 만들어 둔 것이 있었다.

하지만 평소 공부 할 때 따로 git에 올리지 않다보니

잔디심기도 매우 불규칙하고..

뭔가 나의 부실함을 그대로 드러내는 것 같아 민망해졌다ㅋ

 

그래서 블로그에 기록을 하면서, 

깃에도 업댓하는 습관을 기르고자 계정을 새로 파기로 했다.

 

평소 관리 프로그램으로는 Sourcetree를 사용중이다.

소스트리가 이젠 익숙해서 굉장히 편리하다. 

 

직관적인 UI가 잘 되어 있어서 보기에도 좋다!

그러고보니 다크 버전으로 바꿔야지..

 

무튼, 새 계정을 추가하려는데 사용자명이 입력이 안되고..

확인도 눌러지지 않아 어떻게 해야하는지 참 난감한 상황.

 

Sourcetree와 git 연결 방법!

위와 같이 설정을 하고, 
github에 로그인을 하고 해당 페이지를 켜둔 뒤, 
위와 같이 선택 후 
OAuth 토큰 새로 고침을 눌러준다.

remote에서 계정추가로 했는데 실패해서 

계정추가 아래에 계정변경 - 인증을 눌러서 진행해서 성공했다.

 

계정추가에서 시도했을 땐

내가 방법을 몰라서 진행이 안되지 않았을까 싶다.

 

다음번에 혹시 진행할 일이 있다면,

계정 추가쪽에서 그대로 해도 될 것 같다. 

 

그럼 페이지가 하나 더 뜨면서 연결을 할지 묻는다.

 

그 뒤 연결을 성공했다면, 하단 인증 성공이라는 문구와 함께

사용자명에 제대로 들어가 있는 것을 볼 수 있다.

 

인증 성공 완료!

 

환경셋팅은 역시 처음 시도할 때 한번 하고

손을 잘 안대다보니까..

매번 검색을 통해 찾아보곤 하게 된다 ㅠㅠ

 

기록해두면 시행착오를 조금이나마 막을 수 있겠지. 

 

 

자! 이제 잔디좀 잘 심어보자!

작성일
2022. 3. 11. 07:39
작성자
로즈♡

프로젝트 생성 시 프로젝트 스타일 초기화 할 때, 

reset.css cdn jsdelivr 제공 버전으로 진행을 해보려 한다.

 

구글에 검색 시  

reset.css cdn jsdelivr

라고 검색하면 이 중에 jsdelivr.com을 찾아가면 된다.

하지만, 찾으려면 번거로우니 블로그에 기록해두려고 한다.

 

https://www.jsdelivr.com/package/npm/reset-css

 

jsDelivr - A free, fast, and reliable CDN for Open Source

Supports npm, GitHub, WordPress, Deno, and more. Largest network and best performance among all CDNs. Serving more than 80 billion requests per month. Built for production use.

www.jsdelivr.com

 

 

 

 

보여지는 목록에서 가장 위에 reset.min.css 에서 

HTML로 copy를 선택해 준다. 

 

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reset-css@5.0.1/reset.min.css">

가 복사가 되는데 이걸 <head>안쪽에 그대로 넣어주면 끝!

 

프로젝트의 css스타일 초기화가 된다 :) 

 

다음번엔 저걸 그대로 복사해서 사용할 예정이다.

작성일
2022. 3. 11. 07:19
작성자
로즈♡

 Emmet기능으로 편리하게 html 구조 완성하기

VsCode에서 html 생성 후 기본구조를 자동으로 작성하게 하려면

!를 누르면 Emmet기능이 활성화 된다.

이 중 첫번째를 선택하면 html의 기본 구조를 편리하게 작성할 수 있다. 

 

!를 누르고 첫번째엔터를 하면 하나하나 손으로 타이핑 하지 않아도

위와 같은 구조가 완성이 된다.

 

그 때 2번 라인의 lang="en"으로 설정이 되어 있는 것을 볼 수 있는데, 

매번 ko로 변경해줘야 하는 번거로움이 있다. 

이것을 "ko"나 다른 언어등으로 고정할 수 있는 방법이 있다!

 

 

보기 > 명령팔레트를 누르거나 ctrl + 3을 누르면

명령팔레트가 중앙 상단에 나타난다.

 

이곳에 settings.json을 입력하고 

첫 번째에 보여지는 기본 설정 : 설정 열기 preferences:Open Settings (JSON)을 선택해 준다.

 

settings.json 파일 안에 위와 같이 4줄의 문구를 넣어준다

 

editor.tabSize : 코드 들여쓰기 공백 개수 (2개 권장)

emmet.variables : <html>의 기본 lang속성 설정

 

그 후 다시 emmet을 사용해서 ! 엔터 해주면

위와 같이 기본 언어가 ko로 변경 된 걸 볼 수 있다. 

 

설정을 해두면 편리하게 개발을 할 수 있다 :)

 

 

작성일
2022. 3. 10. 10:29
작성자
로즈♡

발생 에러

building' has encountered a problem. errors occurred during the build.

 

발생 배경

기존에 잘 사용하던 프로젝트(A)에 추가로 다른 프로젝트(B)를 추가 했다.

서버 구동은 시도했다가 오류나서 추가만 해두고 구동은 되지 않고 있던 상황.

 

그 와중에 기존 사용하던 A 플젝을 project clean을 하던 중 발생 되었다. 

 

검색해보니 새로 플젝만들고 구동할 때 발생되기도 하는 모양. 

 

 

 

빌드하는 동안 오류가 발생했다. 

"프로젝트 명"을 실행하는 동안 오류가 발생되었다.

클래스를 초기화 할 수 없다. 

뭐 이런내용.

 

디테일을 보기 전까지는 새로 추가하고 구동을 안하고 있던

B 플젝이 원인일거란 생각을 못했는데..

 

이게 원인이었던 거 같다. 


1.  project > properties > Builers 검색 > javaScript Validator 체크 해제.

 

나는 별도로 추가 된 부분은 없어서 진행하지 않음

2. project > Build Automatically 에서 체크를 해제 해 준다.

Build Automatically는 변경이 있는 경우에 서버를 수동으로 재시작 없이

자동으로 빌드해서 동작되게 하는 부분이라 나는 굉장히 편하게 사용하고 있다. 

 

프론트엔드다보니 백단 수정이 굉장히 미미하기도 하고, 

플젝 자체 규모가 무리가 없는건지 오토 빌드는 굉장히 편리하다! 

 

덩치가 좀 있는 프로젝트거나 백단 수정이 필요한 경우

자동 빌딩이 불편할 수 있을 것 같다. 

 

 

 

3. 프로젝트 우클릭 > properties > Builers > 오류가 있는 항목 클릭 후 remove

1번의 properies와 보여지는 항목들이 다른걸 볼 수 있다.

 

나의 경우 별도 오류가 있는 항목이 없는데

어떤 분은 빨간색으로 X가 있었다고 한다.

(Missing builder가 의심스럽다.)

 

 

 

4. 원인이 되는 (사용을 잘 하지 않는) 프로젝트 닫기.

이 경우는 오류가 나는 프로젝트를 당장 구동을 할 필요가 없으면서, 

해당 프로젝트만 Build Automatically를 끄기 싫을 때 사용하면 좋을 것 같다.

 

 

별도의 재시작 없이 2번만으로도 해결이 되긴 했지만, 

난 Build Automatically를 사용해야 편리하기도 해서..

 

여러 프로젝트를 진행하는 분들중에 Build Automatically 를 즐겨 사용하는 분들은 

4번으로 잠시 오류가 발생되는 프로젝트를 닫아 두면 좋을 것 같다.

 


추가. 

분명 아직 B 플젝에 대해 제대로 환경설정을 마치지 못한 탓이 있을것 같다. 

B플젝은 덩치가 진짜 어마어마해서.. 

 

Build Automatically을 사용 할 수 없는 게 이유일 수도 있고, 

3번에서 빨간X는 없지만, missing builder라고 표시된 부분이 이유일 수도 있을 것 같다.

 

당장 구동할 필요가 없어 미루고는 있지만, 

해당 프로젝트를 정상적으로 구동하기 전까진

이 오류의 완벽한 해결책이란 나의 경우 아직 못찾은 것이 아닐까..

 

 

 

 

 

반응형