본문 바로가기

분류 전체보기346

javaScript - slice와 splice 비교하기 updated(01/20/24) splice 와 slice 로 배열의 원소들을 추가 삭제 교체 등을 해보자! - slice 는 원본 배열을 건드리지 않고, 수정된 복사 배열을 리턴한다. (삭제만 가능) - splice 는 직접적으로 삭제, 추가, 교체한 원본 배열을 리턴한다. (삭제 교체 추가 가능) slice( 시작인덱스#, 마지막인덱스# ) copy 된 새로운 배열 이 나온다 (원본은 유지) 이친구는 삭제만 가능하다 시작인덱스# 부터 ~ 마지막 인덱스# 직전까지만 삭제된다 **마지막 인덱스#는 optional 로 안넣으면 끝까지 삭제된다 const arr = [a, b, c, d, e]; 이고 const copy = arr.slice(1, 4); 이면 첫번째 인덱스 부터 4번째 인덱스 직전(=== 3.. 2021. 5. 7.
JavaScript - 비구조화 할당하기 비구조화 할당(Destructuring Assignment)이란 배열이나 객체의 속성을 해체하여 그 값을 개별 변수에 담을 수 있게 하는 ECMAScript6(2015)에 추가된 자바스크립트 표현식(expression)이다. BEFORE 비구조화 할당 원소에 별명(변수)를 붙여 따로 불러내고 싶다. (너만💛) 근데 걸림돌이 있었으니.... 변수 선언을 거쳐야 불러낼 수 있다는 거다. 그래서 다이렉트로 부를 수 있게 비구조화 할당이 나왔다. AFTER 비구조화 할당 변수 선언과 객체(혹은 배열) 선언을 한방에 할 수 있다. (이젠 우리 둘이 다이렉트로 볼수있어💛) 배열일 때는 const [ 변, 수, 이, 름 ] 으로 = [ "선언해주면", "순서대로", "배열원소와", "매칭된다." ] 객체일 때는 - .. 2021. 5. 6.
javaScript - input type="file" 특정 파일확장자 이미지 업로드 이미지 업로드 기능을 구현 중이다. 특정 파일확장자만 업로드 하고 싶다면 에 accept 속성을 추가하자 ! // gif, jpg, png 파일만 보여줌 // 모든 오디오 파일을 보여줌 // 모든 비디오 파일을 보여줌 // 모든 이미지 파일을 보여줌 파일업로드 버튼을 눌러 파일선택창이 나타나면 !! accept 로허락한 파일만 마우스 클릭이 가능하다. 2021. 5. 1.
Vue(2) VS code에서 ES lint 설정하기 ES lint란? 자바스크립트 문법에서 에러를 표시해주는 도구이다. ES lint를 사용하여 에러 같이 정말 문제가 되는 부분만을 지정하거나 전반적인 코딩스타일(ex. tab 설정, ; 여부 등)까지 지정할 수도 있다. 많은 사람들과 협업할때 특히 유용하며 에러와 코딩 스타일을 잡아줘서 한 사람이 코딩한 것처럼 된다. ES lint 설치하기 VS code에서 터미널을 키고 다음 명령어를 입력해준다. 1. eslint 설치하기 npm install -g eslint 2. eslint 생성하기 eslint --init 명령어를 입력하면 설정을 할 수 있다. (파란색 글씨가 내가 설정한 부분이다) 3. 모든 설정이 끝나면 프로젝트에 .eslintrc 라는 파일이 자동생성된다. 4. package.json에서는.. 2021. 4. 27.
Git(21) stash 로 삭제한 코드 복구하기 입사 한달차, 실컷 작업해놓고 commit 전에 실수로 stash 하여 작업한 코드가 다 날라가 버렸다. 당황하지 말자. 하늘이 무너져도 복구할 구멍이 있다. 1. 아래 명령어를 치고 git stash pop 2. ref # 를 복사한 뒤, 3. 아래 명령어에 가져다 붙여라 git update-ref refs/stash 레퍼런스 -m "메시지적기" git update-ref refs/stash 6fdaaaaaaaaaaaaaaaaaaaaaaaa -m "복구메시지" 그러면 ! 작업한 코드가 기적처럼 눈앞에 살아 돌아온다. ㅠㅠ staging 까지만 되어서 stash버튼 누르기 전으로 돌아왔다. commit부터 시작하면 된다. 2021. 4. 23.
Git(20) 빗버킷 연동된 구글 아이디로 Git 비밀번호 찾기 신입 한달 차, git 으로 프로젝트 작업을 하다 업데이트를 위해 push 를 했는데 에러메시지가 떳다. (후덜덜) 침착하게 메시지를 봤더니 git id 와 pw 가 문제였다. - 구글 연동아이디라 회사 이메일과 비밀번호를 쳣을 뿐인데 이런 에러가 난다. Missing or invalid credentials Error: socket hang up code: 'ECONNRESET' - 터미널 화면 - 침착하게 Bitbucket 웹사이트를 뒤지다 atlassian까지 넘어가버렸 비밀번호를 reset 하여 해결하였다. → Reset my password 링크 (아래클릭) Log in with Atlassian account We tried to load scripts but something went wro.. 2021. 4. 23.
Vue(1) 뷰 개발환경 세팅하기 (Cli, vuetify) 윈도우 환경과 Visual Studio Code 에서 뷰 프로젝트를 설치해보자 뷰는 프레임워크이기 때문에 웹사이트에서 다운받을 필요없이 npm명령어로 바로 설치가 가능하다. 1. 뷰 설치 npm install vue 2. 뷰 CLI 설치 npm install -g @vue/cli vue-cli 란? (더보기클릭) 더보기 vue-cli 는 기본 vue 개발 환경을 설정해주는 도구입니다. vue-cli 가 기본적인 프로젝트 세팅을 해주기 때문에 폴더 구조에 대한 고민, lint, build, 어떤 라이브러리로 구성을 해야되는지 webpack 설정은 어떻게 해야되는지에 대한 고민을 덜을 수 있습니다. 3. 뷰 CLI 설치 확인 npm 설치리스트를 확인해서 vue/cli가 제대로 설치 되있는지 확인해보자 npm.. 2021. 4. 17.
Vue - (맥os) nvm: command not found 에러해결 맥에서 nvm 설치는 잘 되었지만 실행이 되지 않는 에러가 났다. 공식문서를 보니 맥에서 흔히 볼 수 있는 trouble shooting 이라고 한다. 문제원인 bash 를 기본터미널로 하여 install 하였다면 bash_profile 이라는 파일이 있었어야 한다. (그래야 nvm 명령어가 셋업되기 때문이다.) If you use bash, the previous default shell, your system may not have a .bash_profile file where the command is set up. Create one with touch ~/.bash_profile and run the install script again. Then, run source ~/.bash_profi.. 2021. 4. 11.
JavaScript - Math.ceil / Math.floor / Math.round 소수점을 처리하는 방법 중 가장 많이 사용되는 올림, 버림, 반올림의 간단한 사용방법은 아래와 같다. - Math.ceil() : 소수점 올림, 정수 반환 Math.ceil(.95); // 1 Math.ceil(4); // 4 Math.ceil(7.004); // 8 Math.ceil(-0.95); // -0 Math.ceil(-4); // -4 Math.ceil(-7.004); // -7 - Math.floor() : 소수점 버림, 정수 반환 Math.floor( 45.95); // 45 Math.floor( 45.05); // 45 Math.floor( 4 ); // 4 Math.floor(-45.05); // -46 Math.floor(-45.95); // -46 - Math.round() : 소수.. 2021. 4. 7.
반응형

티스토리툴바