맨땅에 헤딩

폴더 안에 하위폴더들이 여러개있는 폴더를 git허브와 연결하면 아래와 같은 문제가 발생한다. 발생원인은 이미 상위폴더안에 .git이 있는데 하위 풀더 안에도 .git이 중복으로 존재하기 때문이다. 이런 문제를 해결하기 위해서는 .git을 삭제하고, 스테이지를 제거한뒤, 그 하위폴더안에서 add, commit, push를 해주면 된다. 1. .git 삭제하기 터미널에서 바로 코드를 통해서 삭제할 수 있다. 문제가 되는 해당 하위폴더로 들어가서 $ rm -rf .git 를 통해서 삭제가 가능하다. 아니면, Finder에서 해당 폴더로 들어가서 숨김파일을 보이게 하는 단축키인 command + shift + . 를 사용한다. 여기에서 직접 클릭을 통해서 .git을 삭제할 수 있다. 2. 다시 상위폴더로 돌아간..

개발을 하다보면 이렇게 비슷한 객체를 여러개 만들어야 하는 상황이 생긴다. (회원정보, 상품..) 이럴 때 사용하는 것이 생성자 함수!! 1. 첫글자는 대문자로 만든다 2. new 연산자를 사용해서 호출한다. ➡️ 순식간에 비슷한 객체 3개를 만들었다. 생성자함수는 붕어빵 툴이나 와플팬이라고 생각하면 된다. 필요한 재료를 넣어 찍어내면 된다. ➡️ 여기에서 필요한 재료는 name, age였고 생성되는 객체들을 와플이라고 생각하면 된다. 장점: 일일이 객체리터럴을 사용해서 만드는것보다 훨씬 빠르고 일관성있게 만들수 있다. (내용이 변경되면 생성자 함수안의 내용만 변경해주면 된다) 3. 메소드 추가하기 🎀 실습해보기 🎀 Item이라는 생성자함수를 만든다. (붕어빵틀) 인자로 title과 price를 받는다 ..

2.10. 조금 더 체계적으로 공부하기 위해 노션페이지를 만들고 플래너에도 계획을 세운날..!! 공부도 공부지만 건강한 생각도 중요하다고 생각해서 틈틈이 책도 읽고 있다 일단은 리액트의 개념을 정확하게 이해하는것 그리고 그것을 효율적으로 사용하는법을 익히는 것을 목표로 하고 있다 하다가 무너지는 날도 있겠지만 그래도 그만두지만 않는다면 언젠가는 무언가를 이룰 날이 올거라고 믿고 있다 작심3일도 10번만 하면 30일이니까..!! 무너지더라도 다시 일어나는 마음을 가져야지!! 리액트의 컴포넌트에 대해서 공부했다 컴포넌트의 최대장점은 재사용성이다. 한번만 만들어서 그것을 계속 이용한다는것은 개발자에게 엄청난 편의성, 코드의 가독성을 높여주는 장점을 가져다준다. 단순하게 리액트를 하는 사람, 코드를 짜는 사람이..

📌 클로저 사전지식 1️⃣ 실행컨텍스트 코드를 실행하는데 필요한 환경을 제공하는 객체 모든 자바스크립트의 모든것은 실행컨텍스트 내에서 발생한다. 이 실행컨텍스트는 전체 자바스크립트 코드가 실행되는 큰 상자 또는 컨테이너라고 가정할 수 있다. 자바스크립트를 실행시키면 자바스크립트 엔진은 콜스택이라는 통에 전역실행컨텍스트를 담는다. 만약 전역에서 함수A를 호출할 경우, 함수A의 실행 컨텍스트를 생성해서 또 스택에 담는다. 🔫 자바스크립트 실행 과정 🔫 생성단계 실행컨택스트 생성 선언문만 실행해서 환경레코드에 기록 실행단계 선언문 외 나머지 코드 순차적 실행 환경레코드를 참조하거나 업데이트 1 함수를 호출한 후 순서대로 나열하면, 호출된 함수에 2 실행컨텍스트를 생성하고 이를 3 실행컨텍스트 스택에 push한..

동기적이란? 자바스크립트는 단일 스레드 언어로서 한번에 하나의 일만 처리할 수 있다. (=구조상 콜스택이 하나밖에 없다) 이렇게 한번에 하나만의 동작을 하는 것을 동기(syncronous)라고 한다. 코드를 순차적으로 실행하면서 만약 실행이 끝나기까지 오래걸리는 함수를 만나면 그 동작이 다 끝날때까지 다음 코드를 실행하지 않는다. 🧐What's the problem? 위와 같이 오래 걸리지 않는 동작을 수행할때는 문제가 없다. 하지만 용량이 높은 사진을 다운받는 작업과 같이 시간이 오래 걸리는 작업을 할 때에도 동기적으로만 작동한다면 문제가 생긴다. 사진 파일이 다운되는동안, 사용자는 다른 서비스를 이용할 수가 없는것이다. ex> 네트워크 요청, 암호화 작업, 파일 다운로드 등 자바스크립트의 비동기 비동..

1. 정의 변수란? 데이터 저장공간 값의 위치를 가르키는 상징적인 이름 자바스크립트는 데이터를 저장하기 위해서 변수를 선언하여 사용한다 변수는 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 or 그 메모리공간을 식별하기 위해 붙인 이름이다. 🔫 식별자는 값이 아니라 메모리 주소를 기억하고 있다 🔫 var score; var score=80; 변수를 할당할 때는 이전 값 undefinded가 저장되어 있던 메모리 공간을 지우고 그 메모리 공간에 새롭게 80을 저장하는 것이 아니라, 새로운 메모리 공간을 확보하고 그곳에 할당값 80을 저장한다는 점에 주의하자!! 2. 변수선언과 할당 var score; // 변수선언 score = 80; // 값의 할당 3. 변수선언단계 2가지 1️⃣ 선언단계: 변수이..

🗂 Github 하위폴더 만들기 Practice라는 레파지토리안에 하위폴더로 JS_Practice라는 폴더를 만들어보겠다 1. 자신의 깃허브로 들어가서, 깃허브 메인화면의 repositiry중 하위폴더를 만들고 싶은 폴더를 클릭하여 들어간다. 2. 하위폴더를 만들어주고 싶은 레파지토리로 들어왔으면, 아래와 같은 화면이 보일 것이다. 그 중 오른쪽 상단의 Add file 버튼을 누른다. 3. Create new file 클릭하기 4. Name your file의 자리에 하위폴더의 이름을 넣어준다. ⚠️ 주의! 여기서 주의할 점은 하위폴더의 이름만 적고 커밋하면 안된다는 것이다. 하위폴더 아래에 하나의 파일이 들어가야한다. (이렇게 하지 않으면 폴더가 아니라 파일만 하나 생성된다) 5. 하위폴더명을 적고 /..

git add git add . git add 파일명 "commit의 전단계" commit을 하고자 하는 파일들은 commit하기전에 add를 해줘야 commit할 수 있다. (untracked ➡️ tracked 파일로 변경) 이렇게 굳이 commit하기 전에 add를 나눠서 하는 이유는 버전관리의 편의성 때문이다. git commit git commit git commit -m "커밋메시지" "git에 저장하는단계" commit을 해주면 commit을 한 곳으로 언제든지 다시 돌아올수있기때문에 코드의 추가, 삭제가 자유로워진다. git add 1. 특정 파일만 add하기 git add 파일명 git add tiger.yaml을 해줌으로써 add를 하고 git status를 통해 상태를 확인하면, un..

.gitignore 쓰는 이유 .gitignore 파일을 생성하여 git의 관리에서 특정 파일/폴더를 배제한다. 특정 파일만을 지정하여 git의 관리에서 제외하는 이유는 크게 나누었을때 2가지로 나뉜다. 1. 포함할 필요가 없을때 자동으로 생성되는 파일들 빌드의 결과물 .java -> .class로 빌드가 됨 다운로드되는 파일들 라이브러리 node.js와 같이 언제든 인터넷에서 다운받을 수 있는 라이브러리 2. 포함하지 말아야할때 보안상 민감한 정보를 담은 파일 개인정보 비밀번호와 같이 민감한 정보는 git에 올리는 것이 아니라, 따로 관리하는 것이 안전 .gitignore 사용법 1.git 관리에 포함하고 싶지 않은 파일을 하나 만든다. secrets.yaml이라는 이름으로 파일을 생성하였다. id와 ..

1. Git 최초설정 Git 전역 사용자 이름, email주소 설정 (terminal에서 명령어 입력) 기본 명령어 확인 명령어 기능 git config --global user.name "(본인 이름)" git config --global user.name 사용자 이름 지정 / 확인 git config --global user.email "(본인 이메일)" git config --global user.email 사용자 이메일 지정 / 확인 - 이유: 1. 협업시 어떤 사람이 작업했는지 알게하기 위하여 2. 그 사람에게 연락할 방법이 있어야 하기 때문에 기본브랜치명 변경 git config --global init.defaultBranch main - 이유: master라는 기본브랜치명이 부적절하다는 의..