FE를 향해↗↗

commit message 실수 코테 스터디 진행중 commit message 를 컨벤션에 어긋나게 작성한걸 모르고 push까지 진행 해버렸다..😂 같은 실수를 반복하지 않기위해 팀 리더님께서 알려주신 방법을 기록하자!!!!!!!! git log commit 히스토리를 조회하는 명령어 git commit --amend git commit --amend 입력 시 가장 최근 커밋 내용을 변경할 수 있다. 여기서 i 를 눌러주면 INSERT 모드가 되고 이때 맨위에 있는 commit message를 수정할 수 있다. 원하는 대로 수정했으면 esc 누르고 :wq! 입력 git log를 확인해 준다. git log --oneline(로그를 한줄로 표현) 을 이용해 제대로 변경이 되었는지 확인해준다. push 진행..

자바스크립트 엔진의 연산 과정 💻 우선 자바스크립트의 10 + 20 을 진행할때의 순서부터 알아보자. 자바스크립트 엔진은 10 + 20 이라는 코드를 계산할때 메모리를 사용해 데이터를 기억하고, CPU를 사용해 연산을 진행한다. 메모리는 데이터를 저장할 수 있는 메모리 셀의 집합체이며 메모리 셀 하나의 크기는 1바이트(8비트), 즉 1바이트 단위로 데이터를 저장, 또는 읽는 작업을 한다. 컴퓨터는 해당 데이터가 텍스트, 이미지, 숫자 무엇이 되었든 모든 작업을 2진수로 처리하고 저장한다. 즉, 10 + 20 은 메모리 상의 임의의 위치에 저장하고 CPU는 이 값을 읽어 연산을 진행한 후 메모리 상의 임의의 위치에 결과값도 저장한다. 어? 결과값인 30을 이용하고싶은데... 🙄 이때 이용할 수 있는게 바로..

※ 해당 Deep Dive 글은 자바스크립트의 원리와 개념등을 책을 통해 공부하며 다시 한번 복기하기 위해 적는 글이므로 책의 흐름에 따라 적게됨을 알려드리며 단어에 대한 (ex: 프로토타입, 객체지향) 설명은 이 후 해당 항목이 나올때 자세하게 적고 사용해 볼 예정입니다. JavaScript 💪 ECMAScript는 자바스크립트의 표준 사양인 ECMA-262를 말하며, 프로그래밍 언어의 값, 타입, 객체와 프로퍼티, 함수, 표준 내장 객체 등 핵심 문법을 규정한다. 즉, 자바스크립트는 프로그래밍 언어로서 ECMAScript와 브라우저가 별도 지원하는 DOM,BOM, Canvas, XML, fetch 등을 아우르는 개념이다. 굉장히 많은 내장 객체와 웹 api에 대한 내용을 보고 싶으면 유명한 MDN 사..

const number = 12345; const test = number.toString(); console.log(typeof test); // type = string toString은 숫자타입을 문자열로 변경해준다. 문자열 변경 말고도 한가지의 사용법이 더 있는데 바로 숫자를 원하는 진법으로 변경이 가능하다. const number = 12; const test = number.toString(2); console.log(typeof test, test); // console.log(string 1100); 타입은 동일하게 string으로 변경되며 해당 숫자를 2진법으로 변경해서 value를 뱉는다. 매개변수(radix) 는 선택사항이며 진법의 변화가 필요할때와 필요하지 않을때를 구분하여 사용하면..

문제 내용 3진법이란? 🤔 사람이 사용하는 것은 10진법, 컴퓨터에서는 2진법을 사용한다. 3진법을 사용하는 곳에 대해 찾아봤는데 딱히 정보가 없는거같다. 애초에 이 풀이는 3진법 뿐만 아니라 진법의 변경이 가능한 것이기에 필요에 따라 사용하면 될거같다. 풀이 🙍‍♂️ function solution(n) { const convertNumber = n.toString(3).split("").reverse().join(""); const againConvertNumber = parseInt(convertNumber, 3); return againConvertNumber; } /* (풀이) 주어진 n 을 toString으로 3진법으로 변경하고 split으로 각각의 요소로 나눠준 뒤 reverse 메서드로 위..

substr ❌ // substr(startIndex,length) const str = "안녕하세요"; const substrTest = str.substr(0, 3); console.log(substrTest); //console.log(안녕하) substr은 사실 사용을 권하지 않는다. 이유는 substr()이 포함된 ECMA-262 표준 부록에 본 부록이 포함한 모든 언어 기능과 행동은 하나 이상의 바람직하지 않은 특징을 갖고 있으며 사용처가 없어질 경우 명세에서 제거된다고 MDN 사이트에서 친절히 경고를 내보내고 있기때문이다. 프로그래머스 코딩테스트 연습 중 발견하고 변경하였는데 잘만 쓰면 유용할거 같은데 조금 아쉽긴 하다. 사용법은 간단하다. substr(시작할인덱스, 길이) 를 입력해주면 간..

반복문이란 ? 🤷‍♂️ 프로그래밍 언어에서 반복문이란 주어진 횟수만큼 명령을 반복하여 수행하도록 제어하는 실행문이다. 여러 반복문이 있지만 이 글에서는 자주 사용되는 for, for...of, for...in 에 대해 작성하고자 한다. for ♻ for(초기화식; 조건식; 증감식) { 실행문; } // ex) for (i = 0; i < 10; i++) { console.log(i); } // console.log(0,1,2,3,4,5,6,7,8,9) for...in 🚩 const num = { one: 1, two: 2, three: 3, four: 4, five: 5, }; for (number in num) { console.log(number); } // console.log(one,two,thr..

문제 내용 🙍‍♂️풀이 function solution(s) { const middleStrIndex = Math.floor(s.length / 2); return s.length % 2 === 0 ? s.substring(middleStrIndex - 1, middleStrIndex + 1) : s.substring(middleStrIndex, middleStrIndex + 1); } /* (풀이) 문자열 s의 length를 반으로 나누어 변수에 저장하고 index를 기준으로 문자열을 잘라내는 substring(start, end) 내장메서드를 이용해 s.length가 짝수일 경우 가운데 2개의 문자열, 홀수일 경우 가운데 문자열 1개를 반환한다. **substring은 end의 이전까지 반환하므로 e..