본문 바로가기

Hello! I'm haein, a junior front-end developer. Welcome to my space.
간단한 자기소개 '◡'
안녕하세요. 정리하는 것이 주특기이고, 인문논술로 대학을 가서 나름 글쓰기에 자부심(?)이 있는 주니어 개발자입니다. 개발 공부를 하면서 좀 더 정돈된 기록을 해보고 싶어서 블로그를 시작하게되었습니다. 게시글 하나하나 정말 정성스럽게 열심히 썼구요. 되도록이면 공식문서를 참고해서 객관적이고 정확한 정보를 작성하려고 노력했습니다. 그리고 제가 이해가 될 정도로 디테일하게 서술해서 웬만한 사람들도 이해가 가능할 것이라는것이 저의 뇌피셜입니다. 아무쪼록 저의 글을 읽는 사람들이 어떤 방향으로든 도움이 되셨으면 좋겠습니다. 참고로 연보라, 연핑크를 좋아하구여, 그라데이션도 좋아합니다. 그래서 내 취향에 맞게 커스텀 했습니다 ㅎㅎㅎ MBTI는 ISTJ입니다. 너무 TMI라서 toggle로 해뒀습니다. 궁금한 사람들은 펼쳐보시겠죠?

전체 글

(236)
[CSS] flex 정복기 목차 1. flex 2. flex box의 구성 3. flex로 box 배치하는 법 flex flex 속성은 하나의 플렉스 아이템이 자신의 컨테이너가 차지하는 공간에 맞추기 위해 크기를 키우거나 줄이는 방법을 설정하는 속성이다. 뷰포트나 요소의 크기가 불명확하거나 동적으로 변할 때에도 효율적으로 요소를 배치, 정렬, 분산할 수 있는 방법을 제공하는 CSS3의 새로운 레이아웃 방식이다. flexbox의 장점을 한 마디로 표현하면 '복잡한 계산 없이 요소의 크기와 순서를 유연하게 배치할 수 있다'라고 할 수 있다. 정렬, 방향, 순서, 크기 등을 유연하게 조절할 수 있기 때문에 별도의 분기 처리를 줄일 수 있고, CSS만으로 다양한 레이아웃을 구현할 수 있다. flex box의 구성 flex box는 복수의..
[HTML] Tag element 총정리 (태그 종류 및 설명) 목차 1. 기본 2. 내용 3. 문서구조 4. 목록 5. 표 6. 이미지 7. 멀티미디어 8. 하이퍼링크 9. 폼 HTML 태그 종류를 알아보자! 1. 기본 : 웹 문서의 유형을 html로 지정한다 : 모든 html 태그들의 최상위 태그, 언어를 지정한다. 자주 사용하는 국가코드는 en(영어), ko(한국어), ja(일본어), zh-cn(중국어)이다. : 문서의 본문 2. 내용 : 6단계의 구획 제목을 의미, 구획 단계는 이 가장 높고 가 가장 낮다. Heading level 1 Heading level 2 Heading level 3 Heading level 4 Heading level 5 Heading level 6 : 문단 : 줄바꿈 : 수평선 3. 문서구조 : 헤더 영역 (소개 및 탐색에 도움을 ..
[CSS] box-sizing (박스 사이징) 목차 1. box-sizing 2. content-box 3. border-box box-sizing box-sizing은 요소의 전체 너비와 높이를 계산하는 방법을 설정한다. box-sizing 속성의 값은 여러가지가 있지만, 대표적인 것은 content-box와 border-box 2가지이다. content-box CSS 표준에서 지정한 초기값으로, box-sizing 속성을 굳이 안써도 콘텐츠에 width나 height를 지정한다면 box-sizing: content-box 를 한 것과 동일하게 적용된다. 요소의 크기= 콘텐츠의 너비 및 높이 (border, padding, 여백은 포함되지않음) 따라서 padding이나 border를 추가할수록 본래의 콘텐츠 크기에 덧대지기 때문에 전체요소의 크기는..
git clone, degit, fork, pull 사용법, 특징, 차이점 Github에서 코드를 가져오기 위한 방법으로는 총 4가지가 있다. (1) git clone 명령 (2) npx degit 명령 (3) fork 해오기 (4) git pull 명령 이 4가지 방식의 사용법과 특징을 알아보자. git clone 1. 복제하려는 Github repository로 가서 를 눌러 주소를 복사 2. git clone 하기 git clone {주소} {파일이름} // {파일이름}은 저장소를 복제할 위치를 지정하는 것(생략가능) // Github에서 저장소를 clone하면 origin remote에 저장소 주소(clone한 저장소)가 저장됨 ls // 복제 잘됐는지 확인 3. .git 폴더 삭제하기 (git 이력 지워야 하는 경우) ls -a // 모든 파일 보기 rm -rf .gi..