전체 글

· JavaScript
배열 구조 분해 let [x, y] = [1, 2]; console.log(x); // 1 console.log(y); // 1 let users = ['Mike', 'Tom', 'Jane']; let [user1, user2, user3] = users; // let user1 = users[0]; // let user2 = users[1]; // let user3 = users[2]; console.log(user1); // 'Mike' console.log(user2); // 'Tom' console.log(user3); // 'Jane' let str = 'Mike-Tom-Jane'; let [user1, user2, user3] = str.split('-'); console.log(user1);..
· JavaScript
arr.sort() 배열 재정렬, 배열 자체가 변경되니 주의 인수로 정렬 로직을 담은 함수를 받음 let arr = [1, 5, 4, 2, 3]; arr.sort(); console.log(arr); // (5) [1, 2, 3, 4, 5] let arr = ['a', 'c', 'd', 'e', 'b']; arr.sort(); console.log(arr); // (5) ['a', 'b', 'c', 'd', 'e'] let arr = [27, 8, 5, 13]; arr.sort(); console.log(arr); // (4) [13, 27, 5, 8] let arr = [27, 8, 5, 13]; arr.sort((a, b) => { console.log(a, b); return a - b; // 8 ..
· JavaScript
Array push() // 뒤에 삽입 pop() // 삭제 unshift() // 앞에 삽입 shift() // 앞에 삭제 arr.splice(n, m, x) n번째 요소부터 m개를 지운다. x로 교체할 수도 있다. let arr = [1, 2, 3, 4, 5]; arr.splice(1, 2); console.log(arr); // [1, 4, 5] let arr = [1, 2, 3, 4, 5]; arr.splice(1, 3, 100, 200); console.log(arr); // [1, 100, 200, 5] let arr = ["나는", "철수", "입니다"]; arr.splice(1, 0, "대한민국", "소방관"); // ["나는", "대한민국", "소방관", "철수", "입니다"] arr.s..
· ETC/Error
에러 코드 git pull 시도 중 다음과 같은 오류가 발생했다. 원인은 git pull을 통해 가져오려는 코드와 현재 로컬 컴퓨터의 코드가 서로 충돌하고 있기 때문이었다. 해결 방법 다음 명령어를 통해 git stash를 시도했다. stash란 사전적 의미로 뭔가를 안전한 곳에 숨기는 것이다. git stash는 기능적인 측면에서 로컬 컴퓨터의 변경 사항을 임시로 저장해준다. git stash && git pull origin master && git stash pop git stash 이후 다시 git pull을 시도하자 파일과 코드 들이 정상적으로 병합되었다.
· React
Footer 생성 넷플릭스 대한민국 넷플릭스 소개 고객 센터 미디어 센터 이용 약관 개인 정보 회사 정보 문의하기 법적 고지 Netflix Rights Reserved. Style Component 불러오기 import styled from 'styled-components'; const FooterContainer = styled.div` display: flex; justify-content: center; align-items: center; padding: 40px 0; border-top: 1px solid rgb(25, 25, 25); width: 100%; position: relative; z-index: 100; @media (max-width: 769px) { padding: 20px ..
· ETC
VS Code에서 작업 도중 갑자기 탭이 하나만 켜지는 경우가 생길 때가 종종 있다. 일반적으로는 위 단축키를 입력하면 쉽게 해결된다. 이 방법이 안 먹힌다면 다음 사진 참고. cmd + ctrl + w Settings(Cmd + , )로 이동한 뒤 검색창에 'Enable Preview'를 입력한다. 그리고 'Workbench > Editor: Enable Preview'의 체크된 부분을 해제한다. 파일 프리뷰 모드를 끄는 것이다. 문제가 해결되어 이제 여러 개의 탭이 동시에 열린다.
· ETC/CS
스네이크 표기법(Snake Case) 띄어쓰기를 언더바(_)로 표기한다. number_of_donuts = 34 fave_phrase = "Hello World" 케밥 표기법(Kebab Case) 띄어쓰기를 대시(-)로 표기한다. number-of-donuts = 34 fave-phrase = "Hello World" 카멜 표기법(Camel Case) 첫 번째 단어는 소문자로, 두 번째 단어부터 첫 글자를 대문자로 표기한다. numberOfDonuts = 34 favePhrase = "Hello World" 파스칼 표기법(Pascal Case) 첫 번째 단어부터 첫 글자를 대문자로 표기한다. NumberOfDonuts = 34 FavePhrase = "Hello World"
· ETC/Error
에러 코드 npm run start 명령어 실행 중 다음과 같은 오류 발생했다. 해결 방법 App.js 폴더에 React를 임포트했다. import React from 'react';
· ETC/Error
에러 코드 라이브러리를 설치하던 도중 치명적인 결함이 생겨 node 및 npm 전체를 삭제하고 다시 설치했다. 삭제와 설치까지는 정상적으로 진행되었는데 brew link node 명령어를 실행하던 도중 다음과 같은 오류가 발생했다. 해결 방법 구글링 결과 이 명령어를 써보라는 의견이 많았지만 내 경우에는 이 방법이 통하지 않았다. sudo chown -R [사용자명] /usr/local/share/doc/node/ 다시 한번 검색한 결과 다음 명령어를 발견해 터미널에 입력했다. 그러자 노드 링크에 성공했다. sudo chown -R $(whoami) $(brew --prefix)/*
· ETC/Error
에러 코드 프로젝트를 시작하는 과정에서 "Git Repository에 활성 변화가 너무 많습니다. Git 기능의 하위 집합만 사용하도록 설정됩니다."라는 오류가 떴다. 원인은 git init 명령어가 유저 폴더 안에서 실행되었기 때문이다. 그래서 Git이 내 메인 디렉토리를 포함한 하위 디렉토리의 모든 파일들을 추적하려고 시도하고 있다는 것. 이 경우 '.git' 폴더를 삭제해야 한다. 해결 방법 [Macintosh HD - 사용자(Users) - 사용자 이름(your_usename)]으로 이동 숨겨진 폴더 표시(단축키 shift +command + . ) '.git' 폴더 삭제 원하는 장소에 새로운 폴더 만들어서 git init 명령어 실행
카버
카버의 코딩일기