Localslave

참조: https://goddaehee.tistory.com/273 git은 수많은 명령어를 가지고 있고, 명령어들의 복잡한 옵션들을 일일이 기억하긴 매우 어렵고 번거롭다. Bash등 쉘에서 Alias 기능을 지원하는 것처럼 git도 Alias를 통해 명령어들을 간단하게 단축키로 지정하여 사용할 수 있다. ▶ 1. Git  Alias 지정 하기 - 2가지 방법으로 지정 가능 하다. 1.1 Git Commands로 설정하기 - git config 를 사용하여 각 명령의 Alias을 쉽게 만들 수 있다.ex) # git config --global alias.st 'status -s'   - 다음 Commands로 삭제도 가능하다ex) git config --global --unset alias.st 1.2..

객체 내에서 array.map처럼 순회하면서 리턴을 내고 싶을때Object.entries(obj).map( [key, value] => {...} )이런 형식으로 entries 메소드로 배열을 리턴받아서 배열에서 사용할 수 있다.

비동기 JS, 리퀘스트 보내기, 모듈비동기? 동기?동기 - 선행 작업이 완료된 후 다음 작업이 이뤄지는 형태. 가장 기본적인 작동 형태로 장시간 걸리는 작업이 존재하면 이후의 작업이 블락된다.비동기 - 선행 작업의 완료 여부와 관계 없이 다음 작업이 이뤄지는 형태. 비동기 코드의 실행 시 별개의 큐에 적재한 후 이후의 작업을 재개한다. 비동기 코드를 콜백을 이용해서 구현할 수 있지만, 비동기 작업이 연속되면(중첩되면) 콜백 안에 콜백을 중첩해서 작성해야하는 불편함이 있다. 그래서 Promise를 기반으로 구현하는 일이 많다. Promise비동기 작업이 완료되면 그 값을 알려주는 객체. 3개의 상태가 존재함Pending - 비동기 작업이 완료되지 않음. 대기중.Fulfilled - 비동기 작업이 성공적으로..

클래식 & 모던 js에 관한 내용js를 이용해 dom 요소 선택하기document.getElementById('id') -> id에 해당하는 첫 요소 반환document.getElementsByClassName('class') -> class를 가진 요소들의 모음(HTMLCollection, 유사배열)을 반환document.getElementsByTagName('tag') -> tag에 해당하는 요소들의 모음(HTMLCollection)을 반환document.querySelector('css') -> css 선택자에 해당하는 첫번째 요소 반환document.querySelectorAll('css') -> css 선택자에 해당하는 요소 모음(NodeList, 유사배열) 반환 DOM?Document Obje..

문제 1. git reset의 3가지 옵션에 대해 설명해 주세요.더보기더보기--soft, --mixed, --hard의 옵션이 있다.각각의 옵션은 리셋이 어디까지 적용되는가에 연관이 있다.--hard 옵션은 git repository, staging area, working directory의 모습을 모두 인자로 주어진 커밋까지 되돌린다.--mixed 옵션은 working directory는 되돌리지 않고 staging area, git repository를 되돌린다.--soft 옵션은 git repository만 이전까지 되돌린다.더보기더보기문제 해설  —soft --soft 옵션은 HEAD만을 변경합니다. 이는 HEAD가 가리키는 커밋을 변경하지만, staging area와 working direct..

브라우저가 어떻게 동작하는지 설명해주세요. 우선 사용자가 주소창에 URL을 입력하거나, 링크를 클릭하거나, 폼을 제출하는 등 다른 페이지를 새로 요청한다.이렇게 새 페이지를 탐색할 때 해당 페이지의 리소스를 찾아야 한다. 어떠한 URL 주소의 페이지는 실제로는 어떠한 IP를 가진 서버에 위치할 것이다. 이것을 위해 DNS 조회를 한다. DNS 조회를 통해 URL과 IP를 매칭하고 이를 일정 시간동안 캐시에 저장한다. 당분간은 이 웹페이지를 이용할 동안 DNS 조회를 하지 않고 캐시를 이용하는 것으로 더 빠르게 처리가 가능하다.DNS 조회는 각 호스트 이름 당 한번씩 수행되므로, 요청된 페이지 내에 리소스가 다른 호스트 이름을 가지고 있을 경우 한 페이지 내에서 DNS 조회가 여러번 일어날 수 있다. ip..

깃헙의 협업 툴에 관한 내용과 브랜치 전략에 대한 내용을 배웠음 현재 깃헙에서 협업을 위해 자주 사용하는 기능인 Pull Request(PR)에 대하여.깃 자체 제공이 아닌 기능이기 때문에, 서비스마다 이름이 다르다.브랜칭을 통해 작성된 코드들을 마구잡이로 머지하면 충돌이 일어날 가능성이 높고, 코드의 작동 여부를 보장하기 어렵다. 또한 코드가 팀의 룰에 적절하게 만들어졌는지, 누가 만든 코드인지 등을 알아내려면 사후에 체크해야하는 복잡한 과정이 생긴다.PR은 코드 작성 후 머지 단계 이전에 팀원들과 코드를 리뷰할 수 있도록 해당 커밋의 세부사항들에 대해 논할 수 있는 일종의 스레드이다.일반적으로 pr이 생성되면 다른 팀원들이 커밋 내용을 확인하고 수정사항이나 건의사항 등을 해당 스레드에 코멘트 할 수 ..

문제 1. URL의 구조에 대해서 설명해주세요.더보기Scheme:domain/subdomain?queryScheme: 해당 페이지에 어떤 형식으로 접근하는가? 주로 통신규약을 나타낸다. 대표적으로 Http와 Https가 사용되며 utp, ftp 등의 형식도 존재함.Domain: 주로 a.b.c 형태로 나타낸다. a에는 www가 주로 사용되지만, 페이지의 용도 등에 따라 달라진다.예시) http://www.naver.com은 네이버의 기본 도메인이지만 블로그의 경우 blog.naver.com의 형식을 따른다.b는 주로 해당 페이지의 대표 이름을 나타낸다.c는 해당 도메인의 소유형태?를 나타낸다. com은 상업회사, org는 비영리단체 등. kr, jp 등 어느 나라의 소속인지를 나타내기도 한다. 각 도메인..

CSS의 Cascading에 대해 설명해 주세요.시맨틱 태그를 사용하면 좋은 점을 설명해주세요.Cascading(종속)은 원 단어의 의미적으로 '계단식 폭포'를 표현할 때 가장 많이 사용되는 단어입니다.그 이미지와 같이 css의 종속은 단계적으로 스타일 설정이 쌓여서, 최종적으로 어떤 스타일이 적용되는가? 에 대한 내용입니다.기본적으로 종속은 선언 순서에 따라 결정됩니다. 같은 우선순위를 가진 스타일이라면 선언 순서 상 가장 마지막에 선언된 스타일이 페이지에 적용되는 것이죠.하지만 반드시 선언 순서만으로 적용되지는 않습니다. 위에도 언급했지만 '같은 우선순위'를 가질 때에 적용되는 것으로, 우선순위를 계산할 필요가 있습니다. 이 우선순위는 css 선택자를 기준으로 계산됩니다.이를 css에선 특수성이라 표..

1주차가 2일밖에 안돼서 2주차와 함께 작성함.1,2,3일차에는 html과 css의 기초적인 내용들을 주로 배웠음. 이전에 배운적 있는 내용이라 따라가는데 어려움은 없었지만 까먹은 내용이 많았기 때문에 다시 정리하면서 기억을 되살리는데 주력했다.특히 css 레이아웃으로 사용되는 position, flexbox, grid 관련 내용은 프론트엔드에 있어서 중요한 내용 중 하나이므로 차후에 필요하면 자주 확인하는게 좋을 것 같다. 관련 학습 페이지개구리 게임 - https://flexboxfroggy.com/#ko Flexbox FroggyA game for learning CSS flexboxflexboxfroggy.com 정원 게임 - https://cssgridgarden.com/#ko Grid Gard..