profile
🎈🎈개린이 세상🎈🎈

[Css] a link hover animation 밑줄 그어지는 효과

마우스를 hover 할 경우, 밑줄이 왼쪽에서 오른쪽으로 그어지는 애니메이션이다. ul 태그 안에 li > a 태그 구조이다. a태그에 position: relative를 줘야 위치가 제대로 그어진다. a::after태그를 이용해서 위치를 지정해주고, conte

2022년 5월 9일
·
0개의 댓글
post-thumbnail

AWS S3 버킷, Route53 매핑, CloudFront으로 인증서 받고 HTTPS 정적 웹 호스팅하기

정적 웹 페이지는 언제 접속해도 같은 응답을 보내준다. 즉, 웹 서버가 정적 웹 페이지에 대한 요청을 받은 경우 서버는 추가적인 처리 과정없이 클라이언트에게 응답을 보낸다. 예를 들어 회사나 개인의 소개 페이지가 정적 웹 페이지의 좋은 예시이다.헷갈리지 않게 버킷 이름

2022년 5월 9일
·
0개의 댓글

[scss] 나만의 구조 규칙 만들기

프로젝트마다 다르지만 기본적인 세팅을 해준다.기본적인 레이아웃 틀을 잡기 위해 항상 inner를 쓴다.컨텐츠간의 위아래 간격은 margin-top으로 통일시켜준다.(마진겹침현상 방지, 편한 수정을 위해)카드 레이아웃의 경우, 감싸고 있는 card-wrapper의 높이는

2022년 3월 15일
·
0개의 댓글
post-thumbnail

[Css] li에 겹치지 않게 border 주기

각각의 question을 클릭했을 때 아래에 접혀져있던 answer칸이 펴지는 구조이다.(answer컨테이너는 li를 클릭했을때 보이도록 자바스크립트 처리를 해줬다.)처음에는 보자마자 단순히 li들마다 위아래 보더를 주면 되겠거니 쉽게 생각했다.그러나 이렇게 보더가 겹

2022년 3월 15일
·
0개의 댓글
post-thumbnail

[Git] 맥 vscode 터미널에 git 현재 branch 표시하기

터미널에 현재 브랜치 표시가 안돼서 지금 내가 어느 브랜치로 푸시를 하는건지 자꾸 확인해줘야했다. 터미널에 .bash_profile 파일을 만들어주고 열어준다.이 코드를 그대로 저장 후 방금 그 파일을 실행시켜준다.바로 브랜치 뜬다^ㅁ^

2022년 3월 15일
·
0개의 댓글

[Git] git 명령어 / CLI 명령어 모음

git init 현재 폴더를 기준 폴더로 하고 git을 관리git pull 현재 폴더에 모든 github 파일 업데이트git status 현재 상태 출력git log 현재 commit 로그 등 출력git remote 저장소 확인git branch 모든 브랜치 확인git

2022년 3월 15일
·
0개의 댓글