취미부자 개발자 로즈🌼

전체 글 142

카테고리 설명
웹개발, 일상, 내가 좋아하는 다양한 것들을 기록합니다 :)
  • 최근 다시 깃허브를 사용할 일이 생겼다. 코드잇 스프린트에 참여하게 되면서 사용할 깃헙 아이디를 제출해야 했는데, 뭔가 사용하다만듯한 깃헙을 제출하기가 애매했다. 그간 회사 업무는 회사 깃을 사용하고, 공부한 것들도 예제 위주라 커밋이 애매했고.. 무엇보다 2023년은 정신없이 보내다보니 개인프로젝트를 위해 깃허브를 사용할 일이 딱히 없었다. 이론적인 부분도 노션이나 블로그 등에 기록하니 따로 깃헙을 쓸 일이 없었달까. 잔디 심을때 하나씩 채워지는 쾌감은 있지만, 주말에 못하거나 해서 나는 구멍은 또 스트레스로 다가오더라 ㅠㅠ 내 스케쥴은 나만의 것이 아니기에.. 그러다보니 이렇게..! 2022년도 상반기에 열심히 심다가 차차 드문드문 2023년은 하나도 없게 되었다. 이렇다할 내용들도 없는것도 맘에 안..

  • 캐스케이드, Cascading 이란? css에는 캐스케이드 라는 개념이 있다. Cascade. 작은 폭포, 여러 단으로 된 폭포 라는 뜻이 있다. 그럼 css에서의 캐스케이드는 어떤 의미일까? 원래의 뜻처럼 폭포처럼 규칙에 따라 CSS규칙을 적용하는 것을 뜻한다. "종속"이라고 번역을 하기도 하며, 우선순위에 따라 속성이 적용된다. 1. 시트별 우선순위 style.css > 브라우저 기본 스타일시트 - 두개에 동시에 동일한 선택자가 존재하면, 우리가 작성한 코드의 우선순위가 높다. 즉, 디폴트로 제공하는 것에 우리가 원하는 대로 추가를 했다고 생각하면 되지 않을까? 2. 코드순서 위쪽 < 아래쪽 - 위에서 아래로 흐르는 느낌으로 동일한 속성값이 있다면 가장 아래쪽의 코드가 반영이된다. 예를들어 하나의 클..

  • vs code에서 유용한 확장프로그램이 있다고 해서 설치를 했다. 번역을 해보면 웹 페이지를 미리 볼 수 있도록 작업 영역에 로컬 서버를 호스트합니다. 라는데, vs Code내에서 바로 볼 수 있어 편리한 프로그램이다. 게다가 마소에서 만든거니 신뢰도도 높다. 설치 완료 후 파일을 보면, 오른쪽 상단에 미리보기 표시를 만날 수 있는데 이걸 클릭하면 오른쪽에 미리보기를 할 수 있단다. 그런데 막상 실행을 하고 보니 이런 오류가 발생된다. 그래서 마켓플레이스를 다시 보니 다시 로드 필요라는 버튼이 생성되었다. 눌렀는데 오류는 동일하게 발생된다 ㅠㅠ 설명을 보아하니.. 시험판으로 되어 있는데, 아직 불안정한 버전인 듯 하다. 그래서 릴리스 버전으로 전환을 했는데, 여전히 동일현상. 목록에서 해당 프로그램의 톱..

  • ERROR 2002 (HY000): Can't connect to local MySQL server through socket '/var/lib/mysql/mysql.sock' 맥북이 조금 이상해서 모두 종료하고 재부팅을 하고 터미널에서 mysql을 시작했다. mysql -uroot -p 를 하니 패스워드 쓰래서 쓰고 엔터. ERROR 2002 (HY000): Can't connect to local MySQL server through socket '/var/lib/mysql/mysql.sock' 위와 같은 오류가 나왔다. 소켓을 잘 못 설정한 경우라는데.. 난 그저 종료하고 재부팅 밖에 안했는데 뭐가 날아갔나 싶었다. DBeaver에서도 로컬디비에 엑박이 뜨면서 아래와 같은 오류가 나왔다..ㅠㅠ Co..

작성일
2023. 12. 31. 21:08
작성자
로즈♡

최근 다시 깃허브를 사용할 일이 생겼다.

코드잇 스프린트에 참여하게 되면서 사용할 깃헙 아이디를 제출해야 했는데,

뭔가 사용하다만듯한 깃헙을 제출하기가 애매했다. 

 

그간 회사 업무는 회사 깃을 사용하고, 

공부한 것들도 예제 위주라 커밋이 애매했고..

 

무엇보다 2023년은 정신없이 보내다보니 개인프로젝트를 위해

깃허브를 사용할 일이 딱히 없었다.

이론적인 부분도 노션이나 블로그 등에 기록하니 따로 깃헙을 쓸 일이 없었달까.

 

잔디 심을때 하나씩 채워지는 쾌감은 있지만, 

주말에 못하거나 해서 나는 구멍은 또 스트레스로 다가오더라 ㅠㅠ

내 스케쥴은 나만의 것이 아니기에..

그러다보니 이렇게..!

2022년도 상반기에 열심히 심다가 차차 드문드문 

2023년은 하나도 없게 되었다.

 

이렇다할 내용들도 없는것도 맘에 안들었지만, 

2022년까진 굉장히 잡다하게 올렸던 기록도 그렇고,

이젠 프론트엔드만 당분간 올리는 깃허브로 만들고 싶어서 

잔디지우는 법 등을 알아보다가 그냥 깃헙 레파지토리를 비공개 해보자 생각했다. 

 

크게 중요한 것들은 아니라서 그냥 초기화 할까도 생각해보긴 했는데,

그래도 나름의 추억(?)이니 두고, 다른 사람에게만 2024년부터의 기록을 보여주고 싶었다. 

 


📌 깃허브 레파지토리 비공개 하기

 

해당 레파지토리에 들어가서 

설정 - General - 가장 하단 Danger Zone - Change repository visibility

 

 

한글로 번역하기를 눌러서 내용을 캡쳐해봤다.

 

주의사항을 읽어본 뒤 비공개 설정을 완료하면 된다.

저장소 순위나 기타 여러가지 제약이 있을 수 있다는데,

나는 어차피 개인적으로 사용한거라서 그냥 제거-

 

 📌소소한 팁! 여러가지 레파지토리를 삭제하려면

뒤로가기를 두세번 눌러야 해서 제법 번거롭다...

내 레파지토리 목록들 이왕이면 타입-공개로 바꾸고 뜨는 링크를 복사해서

삭제 후 해당 링크 붙여넣어서 타고 들어가면 번거로움을 조금이나마 줄일 수 있다. 

 

레파지토리 비공개로 인한 변화

 

 

내껄로 봤을때 레파지토리 옆에 자물쇠가 생겨서

잠긴 폴더라는 걸 보여주고, 

레파지토리 리스트에서도 public에서 private으로 바뀐걸 볼 수 있다.

 

타인에게 어떻게 보이는 지도 궁금해서

시크릿모드로 인터넷창을 하나 띄워서 로그아웃상태로 내 깃헙의 변화를 보았다.

레파지토리의 갯수가 줄어든다. 

 

 

📍모두 관리 후 깃의 잔디 변화를 보자!

중간중간 비어있는 휑한 잔디밭들이 보인다. 

모두 제거 및 비공개로 전환하고나니,

최초 가입한 시점만 뿅! 생기고 그 뒤론 말끔히 사라졌다.

 

아! 물론 내 계정에서는 잔디밭이 그대로 보인다. 

위의 잔디밭 삭제는 나 외 다른이들에게 보이는것이니, 

아예 새로 심고 싶다면 초기화를 알아보는 게 좋을 것 같다. 

 

가입시점도 삭제 되면 좋으련만 이건 좀 아쉽네 ㅎㅎ

 

혹시 다른사람들에게 보여지는 걸 위해 깃헙 잔디 삭제를 하고 싶은데, 

내용은 삭제하기 싫은 분들-

다른 사람들에게만 보이는 깃의 초기화를 고민하는 분들께 도움이 되었으면 좋겠다. 

작성일
2023. 12. 31. 15:02
작성자
로즈♡

캐스케이드, Cascading 이란?

 

css에는 캐스케이드 라는 개념이 있다.

Cascade. 작은 폭포, 여러 단으로 된 폭포 라는 뜻이 있다.

 

그럼 css에서의 캐스케이드는 어떤 의미일까?

 

원래의 뜻처럼 폭포처럼 규칙에 따라 CSS규칙을 적용하는 것을 뜻한다.

"종속"이라고 번역을 하기도 하며, 우선순위에 따라 속성이 적용된다.

 

 


1. 시트별 우선순위

style.css > 브라우저 기본 스타일시트

- 두개에 동시에 동일한 선택자가 존재하면, 우리가 작성한 코드의 우선순위가 높다.

즉, 디폴트로 제공하는 것에 우리가 원하는 대로 추가를 했다고 생각하면 되지 않을까?

 

2. 코드순서

위쪽 < 아래쪽

- 위에서 아래로 흐르는 느낌으로 동일한 속성값이 있다면 가장 아래쪽의 코드가 반영이된다. 

예를들어 하나의 클래스에 1px을 반영했다가 아래쪽에 동일한 클래스에 2px을 중복으로 반영했다면, 아랫쪽의 2px이 적용되는식이다.

 

3. 명시도

아이디 개수, 클래스 개수, 태그 개수로 명시도 표시.

- 아이디1 태그1인 경우 1,0,1

- 클래스1, 태그1인 경우 0,1,1

--> 위의 경우 첫번째가 1 0 1로 우선순위가 더 높다.

캐스케이드 우선순위 조회하는 사이트에서도 확인해볼 수 있다.

https://specificity.keegan.st/

4. 상속

부모 태그의 css규칙 중 일부 속성은 자손들에게 상속이 된다.

-  color, font-family, font-size, font-weight, line-height, text-align등

- MDN 사이트 - CSS 속성 페이지 내에 Formal definition이라는 섹션 - inherited에 상속 여부를 볼 수 있다. 

* 현재 웹페이지에서 상속 속성을 보고 싶다면 개발자도구 > Style > Inherited from .. 에서 진하게 표기된 것으로 상속된 속성을 볼 수 있다. (왼쪽 다크모드는 한글버전)

 

5. 상속 속성 우선순위

조상태그에서 모두 계산된 상태로 우선순위가 적용. 가까운 조상의 속성의 우선도가 높음.

<div><p><a>텍스트</a></p></div>

이 경우 각각의 태그에 모두 글자 색이 지정되어 있다면 텍스트는 가장 가까운 a태그의 색이 반영된다. 

 

작성일
2023. 12. 30. 10:05
작성자
로즈♡

vs code에서 유용한 확장프로그램이 있다고 해서 설치를 했다.

 

 

 

번역을 해보면 웹 페이지를 미리 볼 수 있도록 작업 영역에 로컬 서버를 호스트합니다.

 

라는데, vs Code내에서 바로 볼 수 있어 편리한 프로그램이다. 

게다가 마소에서 만든거니 신뢰도도 높다.

 

설치 완료 후 파일을 보면, 오른쪽 상단에 미리보기 표시를 만날 수 있는데

이걸 클릭하면 오른쪽에 미리보기를 할 수 있단다.

 

 

그런데 막상 실행을 하고 보니 이런 오류가 발생된다.

 

그래서 마켓플레이스를 다시 보니 

다시 로드 필요라는 버튼이 생성되었다.

눌렀는데 오류는 동일하게 발생된다 ㅠㅠ

 

설명을 보아하니..

시험판으로 되어 있는데, 아직 불안정한 버전인 듯 하다.

그래서 릴리스 버전으로 전환을 했는데, 여전히 동일현상.

 

 

 

목록에서 해당 프로그램의 톱니바퀴를 누르면

다른 버전 설치가 있다.

하나씩 버전 다운을 시키면서 동작을 확인했다.

버전 선택 설치 후 목록에서 다시 로드 필요 버튼을 눌러줘야 한다.

 

 

 

 

어차피 설치 자체가 오래 걸리는 것은 아니기에 

하나씩 테스트 해보아도 좋지만,

23년 12월 30일 이 글 작성 기준, 나는 0.4.5버전이 정상 동작했다.

 

VS Code를 설치하고 바로 설치한 것이 아니라 거의 10개월전에 설치하고

이제서야 설치를 하다보니 둘의 호환성의 문제인것인지는 알 수 없지만..

 

혹시 이런 오류가 발생된다면, 

시험판부터 하나씩 버전을 다운그레이드 하면서 테스트 해보면 좋을 것 같다. 

 

작성일
2022. 11. 17. 12:34
작성자
로즈♡

ERROR 2002 (HY000): Can't connect to local MySQL server through socket '/var/lib/mysql/mysql.sock'

맥북이 조금 이상해서 모두 종료하고 재부팅을 하고 터미널에서 mysql을 시작했다.

 

mysql -uroot -p 를 하니 패스워드 쓰래서 쓰고 엔터.

ERROR 2002 (HY000): Can't connect to local MySQL server through socket '/var/lib/mysql/mysql.sock'

위와 같은 오류가 나왔다.

소켓을 잘 못 설정한 경우라는데..

 

난 그저 종료하고 재부팅 밖에 안했는데 뭐가 날아갔나 싶었다.

 

DBeaver에서도 로컬디비에 엑박이 뜨면서 아래와 같은 오류가 나왔다..ㅠㅠ

Communications link failure  The last packet sent successfully to the server was 0 milliseconds ago. The driver has not received any packets from the server.   Connection refused   Connection refused

 

환경셋팅 한 지 얼마 되지 않았는데.. 복기하는것도 아니고 ㅠㅠ

 

다양한 시행착오를 거쳤으나 생각보다 간단했으니..

mysql재시작을 하면 되는 것.

 

mysql.server restart

하니까 저 서버가 안돌아가고 있다고 알아서 시작해줬다.

 

산넘어 산넘어 또 산...ㅠㅠ

또 똑같은 걸 반복할 수 있으니 남겨두는 에러기록.

 

 

반응형