JavaScript13 프론트엔드 - 7. GIT을 이용한 버전관리 1.GIT 컴퓨터 파일의 변경 사항을 추적하고 여러 사용자간의 해당 파일 작업을 조율하기 위한 버전 관리 시스템 2.git에 연결하기 *처음할 때만 하면 되는 것들 git init: 현재 프로젝트에서 버전관리를 하겠다고 선언 git config --global core.autocrlf input *개행문자(줄바꿈 문자)가 윈도우와 맥이 다름 맥은 input, 윈도우는 true ->crlf라는 개념을 운영체제에 맞게 변형하겠다 git config --global user.name ‘Github 이름’ git onfig --global user.email ‘Github 이메일’ git config --global --list : 입력한 이름, 이메일 등을 확인할 수 있음 git status : 파일의 업데이.. 2022. 5. 3. 프론트엔드 - 6. CSS속성 박스모델 글꼴,문자 배경 배치:위치 설정 플렉스(정렬):수평정렬 전환:전상태에서 후상태로 변화하는 애니메이션 효과 변환:요소에 변화를 주는 효과(3D효과 등) 띄움:공중에 띄움. 띄운 요소 주변으로 문자가 쓰여짐 애니메이션: 여러개의 전환. 복잡한 애니메이션 효과 그리드: 행과 열을 만드는 복잡한 레이아웃 구조 다단: 여러 문단 필터: 블러, 그레이스케일, 리버스 등 1. 가로/세로 너비 1)width, height 기본값 auto:브라우저가 너비를 계산 그외 단위 설정 가능(px,em 등의 단위로 지정) -: 인라인 요소, auto로 설정됨 -:블록요소, 기본값 auto일 경우 가로는 최대한, 세로는 최소한으로 사용됨 2)max-width, max-height 기본값 none: 최대 너비 제한 없음 a.. 2022. 4. 28. [Node.js] Mac OS에 NVM(node.js version manager) 설치하기/설치오류 해결방법 Mac OS에서 NVM을 설치하는 간단한 방법을 소개한다. VScode가 깔려있는 컴퓨터에서 권장하는 방법이다. 1. 구글에 nvm을 검색해서 가장 위에 나오는 github 사이트로 들어간다. https://github.com/nvm-sh/nvm GitHub - nvm-sh/nvm: Node Version Manager - POSIX-compliant bash script to manage multiple active node.js versions Node Version Manager - POSIX-compliant bash script to manage multiple active node.js versions - GitHub - nvm-sh/nvm: Node Version Manager - POSIX.. 2022. 4. 28. 프론트엔드 - 5. CSS 기본문법 1. 기본 문법 선택자 {속성: 값;} -선택자: 스타일을 적용할 대상 -속성: 스타일의 종류 -{}: 스타일의 범위 /*주석*/ or cmd+/ 2.CSS선언방식 1) 내장방식 Html 자체에 내장시키는 방식. -장점: 별도의 CSS 파일이 필요하지 않음 -단점: 내용이 많아지면 Html 문서 내에서 관리 힘듬 프로젝트를 번들해서 서버에 올리는 과정에서 컴퓨터가 자동으로 내용을 내장방식으로 심는 경우가 있는데 그런 경우는 상관 없음 자체가 나쁜게 아니라, 내장 방식으로 직접 코드를 입력하는게 좋지는 않음 2)인라인 방식 Html에서 요소의 전역 속성에 style 속성을 추가해 직접 스타일 작성 -단점: 너무 우선하는 내용이기 때문에 CSS로 스타일을 덮어씌울 수 없음 유지보수가 어려워짐 3)링크방식 로.. 2022. 4. 27. 이전 1 2 3 4 다음
