Be lazy, Be crazy

gitignore에 .env파일을 추적하지 말라고했는데 계속해서 안되는 문제가 발생했다. 그래서 이부분을 어떻게 해결해야할지 고민하다가 찾아보고 그 방법을 공유합니다! git rm -r --cached . git add . git commit -m "gitignore 적용안되는 문제 해결" 특정파일에 대한 추적을 피하고 싶을때는 git rm --cached 특정경로/특정파일

1-2. 명시적으로 this를 바인딩하는 방법 - this에 별도의 대상을 바인딩하는 방법 call 메서드 Function.prototype.call(thisArg[, arg1[, arg2[, ...]]]) - 메서드의 호출 주체인 함수를 즉시 실행하도록 하는 명령 - call 메서드의 첫 번째 인자를 this로 바인딩하고 이후 인자들을 호출할 함수의 매개변수로 함 - 임의의 객체를 this로 지정할 수 있음 var func = function (a, b, c) { console.log(this, a, b, c); }; func(1, 2, 3);// Window {...} 1 2 3 func.call({ x: 1 }, 4, 5, 6);// { x: 1 } 4 5 6 var obj = { a: 1, met..

백준 A+B -3문제를 풀어보았다. 문제를 풀었던 생각에 대해서 먼저 공유해 하겠습니다. 문제를 보자마자 엥??? 그냥 간단한 합을 구하는 로직을 구현하면 되지않을까 생각했습니다. var fs = require('fs'); var input = fs.readFileSync('/dev/stdin').toString().split('\n'); input = ['5','1 1','2 3','3 4','9 8','5 2']; const total = Number(input[0]); 내가 node에서 임의 숫자 값을 받아오면 input이라는 변수에 요렇게 담길 것이라고 먼저 상상했다. 이렇게 상상을 하는 결과는 //각 input[i]을 꺼내와서 number 처리를 해준다음에 합을 구하는 로직을 구현하면된다. 가 ..

카카오 홈페이지에 가면 오늘 날짜에 따라 타이틀이 바뀌는 것을 볼 수 있습니다 오늘 날짜 (월, 일, 요일)을 감지해서 기능을 넣은 것 같아요 1) 오늘 날짜 얻기 - 매개변수 없이 Date 함수를 new 연산자를 이용하여 호출하면 현재 날짜, 시간이 담긴 object 형태로 today 변수에 담긴다 - getFullYear() : 연도를 얻을 수 있음 - getMonth() : 월을 얻을 수 있음 (month는 0부터 세기 때문에 1월이면 0으로 나옴) - getDate() : 일을 얻을 수 있음 - getDay() : 요일을 얻을 수 있음 (day는 0(일요일) ~ 6(토요일) 으로 나옴) - 그 외에 getHours(), getMinutes(), getSeconds() 등이 있고, get 대신 se..

카카오 홈페이지에 가면 스크롤에 따라 헤더가 바뀌는 것을 볼 수 있습니다 사용자의 스크롤 움직임을 이벤트로 감지해서 기능을 넣은 것 같아요 1) 스크롤 위치 얻기 - addEventListener 메서드로 scroll 이벤트 시 함수 실행하는 명령어 작성 - document.documentElement : 비어있지 않은 HTML 문서라면 항상 (최상단요소)요소를 가리킴 - Element.scrollTop : 요소 최상단부터의 현재 수직 스크롤 위치를 얻음 - 콜백 함수 안에 변수 작성 시 스크롤할 때마다 실행하기 때문에 실시간으로 위치 얻어올 수 있음 document.addEventListener("scroll", function () { let documentY = document.documentEle..

안녕하세요 백준 11720(숫자의 합) 문제풀었습니다. 생각 및 코드를 공유합니다. 문제 문제와 예시를 통해서 어떻게 풀어야할 지 고민을 했다. 고민풀이 1.예제입력3을 보게되면 25라는 숫자는 밑에숫자의 총갯수를 뜻한다고 추측 2.밑에있는 숫자(25개)를 전부 더하면 값이 7 3.for문을 써서 사용할 것인가 더편한 reduce를 사용할것인가 고민 4.for문이면 str += 1, reduce면 (a+b) 이렇게 간단하게 생각을 해보고 코드를 작성했다. 코드 var fs = require('fs'); var input = fs.readFileSync('/dev/stdin').toString().split('\n'); 일단 위에는 백준에서는 위에코드처럼 또는 다른방법을 사용해서 임의숫자를 받을 수 있게 ..

항상 모든것을 설명하기 위해서 자세하고 설명하도록 노력해보자! 공부한 내용을 바탕으로 도움이 될 수 있게 작성하려고 노력중입니다. *잘못된 내용은 댓글로 남겨주시면 수정하겠습니다.* reactJS / reactStrap / heroku /metamask / web3 / ipfs / MongoDB / node.js /postman /truffle / ganache를 사용했습니다. (1) 화면은 일반적은 reactStrap template를 사용했습니다. https://usecode.pw/free-react-dashboard/ 무료 리액트 어드민 대시보드 템플릿(Free React Admin Dashboard Template) 보통 서비스를 운영하게 되면 서비스 관리를 위해 별도로 관리자 페이지를 만들어 사..

1-1. 상황에 따라 달라지는 this 전역 공간에서의 this - 전역 공간에서의 this는 전역 객체를 의미 - 브라우저 전역 객체 : window - node.js 환경 전역 객체 : global 전역 공간에서만 발생하는 특이한 성질 - 전역 변수 선언 시 자바스크립트 엔진은 이를 전역 객체의 프로퍼티로도 할당 (변수이면서 객체의 프로퍼티) var a = 1; console.log(a);// 1 console.log(window.a);// 1 console.log(this.a);// 1 - 자바스크립트의 모든 변수는 실은 '특정 객체의 프로퍼티'로서 동작 -> 특정 객체 : 실행 컨텍스트의 LexicalEnvironment. (전역 컨텍스트의 경우, LexicalEnvironment는 전역 객체 그..

1-1 실행 컨텍스트란? 스택과 큐 1) 스택(Stack) - 출입구가 하나뿐인 깊은 우물 같은 데이터 구조 - 후입선출(LIFO) 2) 큐(Queue) - 양쪽이 모두 열려있는 파이프 같은 데이터 구조 - 선입선출(FIFO) 실행 컨텍스트 - 실행할 코드에 제공할 환경 정보들을 모아놓은 객체 - 자바스크립트의 동적 언어로서의 성격을 가장 잘 파악할 수 있는 개념 - 동일한 환경*에 있는 코드 실행할 때 필요한 환경 정보들을 모아 컨텍스트를 구성 (*동일한 환경: 하나의 실행 컨텍스트를 구성할 수 있는 방법으로 전역공간, eval() 함수, 함수 등이 있음) - 이를 콜 스택에 쌓아올렸다가 가장 위에 쌓여있는 컨텍스트와 관련 있는 코드들을 실행하는 식으로 전체 코드의 환경과 순서를 보장 - 자동으로 생성..

1-1 데이터 타입의 종류 1) 기본형(원시형, primitive type) - number, string, boolean, null, undefined, symbol(ES6) 2) 참조형(reference type) - object, Array. function, Date, RegExp, Map, WeakMap, Set ,WeakSet(ES6) 1-2 데이터 타입에 관한 배경지식 메모리와 데이터 - 컴퓨터는 모든 데이터를 0 또는 1로 바꿔 기억한다 - 비트(bit) : 0 또는 1만 표현할 수 있는 하나의 메모리 조각, 고유한 식별자를 통해 위치 확인 - 바이트(bite) : 8bit. - 정적 타입 언어 (C/C++, JAVA)는 메모리 낭비를 최소화하기 위해 데이터 타입별로 할당할 메모리 영역을 ..