본문 바로가기

전체 글

(112)

CSS Grid 정리 참고 자료 https://youtu.be/nxi1EXmPHRs 그 외에 추가로 확인하면 좋은 블로그 https://studiomeal.com/archives/533 https://nykim.work/59 item1 item2 item3 item4 item5 item6 item7 item8 item9 item10 이 코드 내에서 대충 용어들을 정리하자면, Grid Container , grid의 전체 영역 Grid Item Grid Container의 자식 요소들로, Grid Track Grid의 Row나 Column Grid Cel Grid 한 칸을 의미하며, Item은 실제 html 태그 요소를, Cell은 item 하나가 들어가는 가상의 칸(?) Grid Line Grid Cell을 구분하는 선 Gr..

코누나님 - HTML, CSS / Chapter 7 - 반응형 웹사이트 만들기 Bootstrap https://getbootstrap.com/docs/5.1/layout/grid/ Grid system Use our powerful mobile-first flexbox grid to build layouts of all shapes and sizes thanks to a twelve column system, six default responsive tiers, Sass variables and mixins, and dozens of predefined classes. getbootstrap.com bootstrap은 웹사이트 전체를 12등분함 웹사이트의 구역을 12의 약수들만큼 나눔 col-sm-12 클래스를 각 박스마다 추가해준다. 이 때 12, 3은 비율을 의미 엔믹스 지니 Some quick..

코누나님 - HTML, CSS / chapter 6 - Spotify 웹사이트 만들기 html Premium Support Download | Sign up Log in Listening is everything Millions of songs and podcasts. No credit card needed. Get Spotify free COMPANY About Jobs For the Record COMMUNITIES For Artists Developers Advertising Investors Vendors USEFUL LINKS Support Web Player Free Mobile App USA Legal Privacy Center Privacy Policy Cookies About Ads Additional CA Privacy Disclosures © 2021 Spotify A..

3-2. 기본 명령어 * 소스트리로 커밋하기 https://academy.dream-coding.com/courses/take/git/lessons/17954796-3-8 아직은 소스트리를 쓰지 않아서,,, 일단은 패스 * 파일 변경 시 유용팁 - 파일 삭제 rm 을 이용해 파일을 삭제하면, c.txt는 staging area에 포함이 되지 않기 때문에 이를 commit 하기 위해서는 c.txt를 git add -> commit 하거나 git commit -a 로 해줘야 한다. 하지만 git에서 제공하는 명령어로 간편하게 staging area에 추가할 수 있다. git에서 제공하는 rm을 사용하면 자동으로 Staging area에 포함이 되어있다. git rm 파일 - 파일 이름 변경 마찬가지로 파일의 이름을 변경할 때도 ..

코누나님 - HTML, CSS / chapter 5 - HTML을 좀 더 쉽게 움직이는 방법 static : 웹사이트의 기본 속성값(default 값) , top right bottom left 등 위치 속성은 무시됨. relative: HTML 태그가 있는 위치에서 left right top bottom값을 통해 움직임 absolute: 부모영역에서 left right top bottom 을 이용해 절대값 기준으로 주어진 위치로 움직임 * 단! 여기서 부모란?: 부모 태그가 relative, absolute, fixed 속성 중 하나여야 함. 만약 부모태그가 해당 속성을 가지고있지 않다면 body태그 기준으로 움직임 왜냐하면 body태그는 relative를 기본 속성으로 가지고 있기 때문이다 fixed : absolute와 비슷하지만 스크롤로 내려도 그 위치에 고정, 무조건 브라우저 창 기준임..

3-1. 기본 명령어 * Git의 Workflow working directory : 프로젝트의 파일을 수정, 작업하는 곳 (tracked/untracked) Git이 트래킹하고 있는 파일(이미 알던 파일)이면 tracked 지금 시점에서 수정함 : modified => modified만 staging area로 이동 이전 버전과 비교해서 수정이 되지 않았음 : unmodified 새 파일이거나 기존 프로젝트에서 Git을 초기화하면 GIt이 파일에 대한 정보가 아예 없음 -> 트래킹되지 않았으므로 untracked staging area : 어느 정도 작업하면 버전 히스토리에 저장할 준비가 된 파일을 옮겨놓는 곳 .git directory : staging area에서 commit을 하면 Git 버전의 히스토리를 저장하고 있..

2. 셋업하기 더보기 노션 보면서 참고하기 https://www.notion.so/Git-Cheat-Sheet-54ac9c437bd94185af8171d785c225f9 나는 윈도우이므로 cmder을 설치했다. (https://cmder.net/ 에서 Download Full로) 근데 git이 설치되어있나 봤는데 안되어있길래 git을 설치했다.. (https://copycoding.tistory.com/65 참고) * git의 명령어들 간단하게 git 명령어 -옵션의 형식으로 되어 있음 같은 명령어를 수행하더라도 어떤 -option 이냐에 따라 다름 ex) git config : git에서 configuration에 관련된 명령어를 수행 가능 https://git-scm.com/docs git의 모든 명령어를 확인 가..

1-2 리눅스 터미널 명령어 https://www.youtube.com/watch?v=EL6AQl-e3AQ 위 강의를 들으며 부족한 부분은 구글링을 통해 대충 내용을 정리한 포스팅 - 터미널 명령어의 필요성 웹개발 : npm init, npm install, yarn run 등의 커맨드를 자주 사용하기 때문 백엔드 : 터미널 윈도우를 이용해 다른 원격 서버 접속, 문제 있는 버그를 디버깅, 자동화를 위한 스크립트 작성 Git 사용 : 터미널을 이용해 생산성 향상 - Shell(쉘) 커널(Kernel)과 user사이의 명령을 해석해 전달하는 다리 역할 자체 내에 프로그래밍 기능이 있어 여러 명령을 이용해 쉘 프로그램(쉘 스크립트)를 만들 수 있음 초기화 파일 기능을 이용해 사용자 환경 설정 가능 쉘의 환경변수를 이해하는 것이 중요 (..

이전 1 ··· 10 11 12 13 14 다음

티스토리툴바