1. brew 설치하기https://brew.sh/ HomebrewThe Missing Package Manager for macOS (or Linux).brew.sh복사하여 Terminal에 복사 붙여넣기 a. brew 설치 중 Error가 날 경우적혀있는 대로 적어주기eval $(/opt/homebrew/bin/brew shellenv) b. 적은 후, brew help를 적어서 잘 설치되었는지 확인 + Homebrew는?macOS용 패키지 관리자. 터미널에서 손쉽게 소프트웨어를 설치/업데이트/관리할 수 있도록 도와주는 도구 장점1. 최신 버전 유지가 편리함macOS에는 기본적으로 git이 설치되어 있지만, 버전이 오래된 경우가 많음.brew install git을 하면 최신 버전을 쉽게 설치할 수 ..

Local 폴더에서의 폴더명을 바꿨었다. 자꾸 컴포넌트를 생성했었던 버릇 때문에 첫문자를 대문자를 썼었다가 public/Data > public/data로 변경했던 것이다. 그런데 멘토님에게 이런 피드백을 받게 되었다. 아무 생각없이 변경됐겠거니 push를 했는데 GitHub에 들어가보니 여전히 Data로 폴더명이 적혀 있었다. 찾아보니 Git은 파일명만 일치하면 같다고 인식하기 때문에 대소문자 변화는 인식하지 못 한다고 한다. 그래서 폴더명을 변경할 때 사용하는 명령어가 git mv 이다. Git mv ? 과정은 다음과 같다. 0. 현재 파일명을 확인한다. git ls-files 1. git mv [기존 이름] [변경할 이름] 을 작성한다. git mv src/Home src/home 2. 이름을 변..

리액트 연습을 위해 폴더를 만들고 npx create-react-app . 을 실행했는데 오류가 생겼다. name can no longer contain capital letters 말 그대로 대문자를 포함할 수 없다는 것이다. devseulgi@Seulgiui-MacBookAir ReactPractice % npx create-react-app . Cannot create a project named "ReactPractice" because of npm naming restrictions: * name can no longer contain capital letters Please choose a different project name. devseulgi@Seulgiui-MacBookAir Reac..

CS50 Sandbox https://sandbox.cs50.io/ CS50 Sandbox Temporary programming environments for students and teachers. sandbox.cs50.io 폴더 아이콘 옆의 +버튼을 눌러서 파일을 생성해주자 int main(void) { } 의 뜻은 시작한다의 의미를 가지고 있다. 앞으로 작성할 코드는 모두 이 코드 안에 쓰게 될 것이다. printf("hello,world"); C언어에서 printf는 say와 동일하다. 출력하고 싶은 것이 있을 때 사용한다. 코드의 끝에는 항상 ; 을 적어줘야 하며, 글자나 단어, 문장을 적을 때는 항상 ""으로 감싸줘야 한다. 컴파일러 Compiler 이렇게 작성한 코드는 소스코드라 불리며,..

HTML을 작성하다 보면 항상 동일하게 입력해야하는 부분이 있다. 그걸 Visual Studio Code에서 매번 칠 필요없이 양식을 불러올 수 있는데 어떻게 하는지 알아보자. 1. 하단에 HTML로 설정이 되어 있는지 확인 필요 우선 사용하고자 하는 HTML 파일을 생성한 후, VS Code 하단에 설정을 확인해보자. HTML 이라고 제대로 설정되어 있으면 괜찮지만 그렇지 않으면 HTML 으로 바꿔줘야 한다. 2. ! + Tab 혹은 html:5 입력 ! + Tab 혹은 html:5 를 작성하게 되면, VS Code에 입력되어 있던 기존 HTML 템플릿이 자동완성된다. 3. 템플릿 수정하기 그럼 이 자동완성 된 템플릿은 어떻게 수정할까? VS Code 하단에 위치한 설정 아이콘을 눌러 사용자 코드 조각..

1. Material theme 작업환경 테마 설정 가능 2. Material icon theme 파일 종류 별로 아이콘 가시성 증대 3. Prettier 코드 포맷 설정. Cmd + , 로 이동 4. bracekt pair colorizer 코드 괄호마다 색상 표시 5. Indent-rainbow 들여쓰기 부분마다 색상 표시 6. Auto rename tag 열린태그 수정 시 닫힌태그 자동 수정 7. CSS Peek HTML에 적용 된 CSS 바로찾기 가능 (Cmd + click) 8. HTML CSS Support 만들어놓은 CSS를 HTML에서 사용 가능 9. Live Server 웹에서 프로젝트 확인 가능. 커맨드 팔렛트에 >live Server: Open with Live Server 입력하고 ..

1. bitnami MAMP 설치하기 https://bitnami.com/stack/mamp MAMP MAMP packaged by Bitnami provides a complete, fully-integrated and ready to run MAMP development environment. In addition to PHP, MySQL and Apache, it includes FastCGI, OpenSSL, phpMyAdmin, ModSecurity, SQLite, ImageMagick, xDebug, Xcache, OpenLDAP, ModSec bitnami.com 사이트에 접속해서 아래쪽으로 내리면 이렇게 버전별로 다운로드 버튼이 있다. 최신버전으로 다운로드를 해주자. 다운로드를 다 받으면 ..

2020-01-06 웹호스팅 (GitHub Pages) 1. 깃허브에서 New repository 생성하기 깃허브 상단의 내 사진 옆에 보면 + 아이콘이 있다. 그걸 클릭하면 드롭다운 메뉴가 나오는데 그 중에서 New repository를 선택해 준다. 2. Repository 내용 입력하고 만들기 Owner는 나로 자동 선택되어 있고, Repository name은 비어있으니 꼭 써주도록 하자. Initialize this reposityory with: 은 옵션이다. 선택하지 않아도 Repository는 생성할 수 있다. 하지만 Add a README file을 선택하여야 마음대로 파일을 업로드 할 수 있으니 선택하자. 3. 파일 올리기 Repository를 생성하고 나면 이런 화면이 뜨는데 파일을 ..