전체 글 88

시작이 있으면 끝이 있는 법 개발 퇴사

내 청춘 2년 정도 쓰면서 개발이라는 분야에 도전했었다. 열심히 했고 하면서 늘 불안했다. 컴퓨터적인 사고회로 와 수많은 IT용어들을 외우고 이해하면서 공부하는 시간들이 해결해 줄 거라 믿었다.생각보다 이 직군은 나와 맞지 않았고 매번 근무를 할 때마다 숨이 막혀왔다. 이 분야로 선택한 이유는  전문성이 띈 직업을 갖고 싶었던 게 컸었다.  열심히 열심히 ㅋㅋㅋ막상 it 일을 해본 결과 안 맞았다. 공부 한 만큼에 비해 내가 가는  회사의 복지나 워라밸도 최악이었다.어쩌면 광고에 미쳐 개발자라는 폼에 속아 넘어간 걸지도 모른다. 하하하지옥이었다. 그냥 휴우유유 ㅜ 헤  이 글을 쓰는 이유는 그동안 내가 달려온 기록들에 대한 마무리를 짓고 싶었다.노력하면 된다 는 말을 믿었는데 해보니까 노력도 중요하지만 ..

카테고리 없음 2024.05.31

깃허브 2단계 인증(OTP) 활성화 Github Two-factor 인증 활성화 비번 찾기

2단계인증 깃허브 잊어버림 뭔지도 모르고 일단 2중 인증을 한 것이다..., 바보 GitHub 2단계 인증(OTP) 활성화 깃허브 2FA 자격 증명이 손실된 경우 계정 복구 check : https://docs.github.com/ko/authentication/securing-your-account-with-two-factor-authentication-2fa/recovering-your-account-if-you-lose-your-2fa-credentials 깃허브 공식 홈페이지를 차근 차근 읽어보자. 2FA 자격 증명이 손실된 경우 계정 복구 - GitHub Docs 2단계 인증 자격 증명에 대한 액세스 권한이 없어지면 복구 코드 또는 다른 복구 옵션을 사용하여 계정에 대한 액세스 권한을 다시 얻을..

sql LV.1

문제: USER_INFO 테이블에서 2021년에 가입한 회원 중 나이가 20세 이상 29세 이하인 회원이 몇 명인지 출력하는 SQL문을 작성해주세요. 문제 설명: 다음은 어느 의류 쇼핑몰에 가입한 회원 정보를 담은 USER_INFO 테이블입니다. USER_INFO 테이블은 아래와 같은 구조로 되어있으며 USER_ID, GENDER, AGE, JOINED는 각각 회원 ID, 성별, 나이, 가입일을 나타냅니다. Column nameTypeNullable USER_ID INTEGER FALSE GENDER TINYINT(1) TRUE AGE INTEGER TRUE JOINED DATE FALSE GENDER 컬럼은 비어있거나 0 또는 1의 값을 가지며 0인 경우 남자를, 1인 경우는 여자를 나타냅니다. 예시 ..

카테고리 없음 2023.11.17

CSS 13 키워드 정리 상속이란?

상속이란 그리고 공용 키워드 알아 두면 좋은 개념들 상속 (inheritance)이란 하위요소가 상위 요소의 스타일 속성값을 물려 받는 것을 의미한다. 👗 자기에게 주어진 스타일이 없을 때 물려 받는 것. 마치자매들이 옷 나눠 입듯이 옷 없으면 언니 옷 물려 입는다. ul{ color: tomato;} -> li 요소를 선택하지 않았다. 그러나 상위 요소 ul의 색깔이 반영되었다! 다 되는 건 아니다. 링크 참조 https://www.w3.org/TR/CSS21/propidx.html 상위 요소로 부터 상속이 이루어지는 속성이 있는 반면 그렇지 않은 속성도 있다. 상속이 되는 것 . color, font-family, font-size, font-weight, text-align, cursor 등 상속이..

CSS 12 z-index속성이란?

z-index 가로 세로만 있는게 아님 z-index ! 속성은 요소의 쌓임 순서(stack order)를 정의 할 수 있다. 정수 값을 지정하여 쌓임 맥락(stacking context) 에서의 레벨을 정의 하는 방식으로 적용 되며 , 위치 지정 요소에 대해 적용할 수 있는 속성이다. 위치 지정 요소 ?(positioned element) position속성이 정의되어 있는 요소를 말한다. 뭐가 어떻게 쌓이냐? 우리가 html으로 문서로 작성해서 요소들을 만들어주면 -> 요소들은 문서의 흐름에따라 차곡차곡 배치된다. 그러나 포지션 속성들을 조작해서 위치를 변경해주는 경우엔 요소들이 동일한 위치에서 겹쳐지는 모습들이 발생한다. 이런 경우 가로 세로 뱡향 없이 쌓이게 된다. 모든 div 태그는 positi..

CSS 11 의사요소

특정 부분만 스타일하기 [의사 요소 ] 의사요소 (pseudo-elements )는 선택자에 추가하는 키워드로 , 이를 이용하면 선택한 요소의 특정한 부분에 대한 스타일을 정의할 수 있다. 선택자::의사요소 {속성명: 속성값;} li 요소 첫 번째 글자만 크기를 20px로 하겠다. li::first-letter {font-size:20px;} 의사요소 after: 요소의 앞에 의사 요소를 생성 및 추가한다. before 요소의 뒤에서 의사요소를 생성 및 추가한다. first-time 블록 레벨 요소의 첫 번째 선에 스타일을 적용한다. marker 목록 기호의 스타일을 적용한다. placeholder 입력 요소의 플레이스 홀더 스타일을 적용한다. p:first-line. first-letter Pseudo..

CSS 10 의사클래스

의사 클래스 (가상클래스 이다) 선택자에 추가하는 키워드로 , 요소가 어떤 특정한 상태가 되었을 때 요소를 선택하겠다는 의미이다. 선택자:의사클래스{ 속성명: 속성값;} h1:hover{color:red;} -> h1 요소에 마우스 커서가 올라가면 hover 글자에 빨간색으로 해줘 Hover: 마우스 커서 올리면 active:(마우스 눌렀을 때) focus:마우스클릭후 (text)칠때 disabled: nth-child() 마우스 포인터가 요소에 올라옴 사용자가 요소를 활성화 했다 요소가 포커스를 받고 있다 비활성 상태의 요소 형제 사이에서의 순서에 따라 요소를 선택한다. disabled: 비활성화 상태인데 아무것도 안 건드렸을 때 nth-child() 형제 사이에서의 순서에 따라 요소를 선택한다. 자 ..

CSS 09 선택자2 (특성 ,결합)

선택자란: 어떤 요소에 스타일 줄 것인지 하는 정보 선택자 { 속성명: 속성값 } 선택자의 종류 [기본 그룹 특성 결합 의사 클래스 의사요소] 기본 그룹 저번에 햇고 특성, 결합 선택자 특성 선택자는 주어진 속성의 존재여부나 그 값에 따라 요소를 선택한다. 클래스 속성을 가지고 있는 요소를 선택하기(좌) 클래스가 item인 요소를 선택하기 [class]{ background-color: tomato;} 우 [class]{ background-color: tomato;} [class='item]{background-color:tomato;} 컨셉 결합 선택자는 두 개 이상의 선택자를 결합시켜 결합된 조건을 만족하는 요소를 선택한다. 두가지로 구분 자손 결합자 형제 결합자 div p {color: white..

CSS 08 flexbox 행➡️,열⬇️ 방향

레이아웃을 유연하게 Flexbox 행 & 열 , Flex-direction Flexbox 란 박스 내 요소 간의 공간 배분과 정렬 기능을 제공하기 위한 1차원 레이아웃 모델이다. 왜 flexbox 를 1차원 모델이라 부르는 이유는, 레이아읏을 다룰 때 한번에 하나의 차원(행, 열)만을 다룬다는 특성 때문입니다. ➡ 행(row) ⬇열 (column) flex 컨테이너라고 한다( 요소들을 포함하기때문) flex 컨테이너를 만들기 위해서는 컨테이너에 display flex; 적용 . flexbox는 기본적 요소들을 으로 행방향이다. ➡ 먼저 알아야 할 것 flexbox 에는 주축 main -axis 과 교차축 croos-axis있다. (매우 매우 중요하다) flex-direction(flex 컨테이너를 위한 ..