쟈누이의 기록습관

require / 모듈 1. Module 이용 방식 node standard library 에 있는 모듈을 절대경로를 지정해 가져온다 프로젝트 내의 다른 파일은 상대 경로를 지정해 가져온다. 절대경로를 지정하면 module.paths 의 경로 중 하나에서해당 모듈이 있는지 검사해 가져온다. 2. npm node package manager 의 준말 npm 명령어 실행하여 install 시, package.json 에 자동으로 모듈 정보가 기록됨 다수의 개발자가 협업하는 경우 package-lock.json 을 지키는 것이 중요 package-lock.json 파일에는 설치한 파일의 정보가 들어가기에 중요함. 3. yarn npm 과 거의 동일한 역할 npm 보다는 많이 빠르다 npm, yarn 중 어떠한..

아래 링크가 promise 에 대해서 설며이 잘 되어 있는 것 같다 인강을 보고 인해가 안되었는데 잘 이해가 되었따 추후 공부를 위해 아래 링크 공유 https://joshua1988.github.io/web-development/javascript/promise-for-beginners/ 자바스크립트 Promise 쉽게 이해하기 (중급) 자바스크립트 입문자를 위한 Promise 설명. 쉽게 알아보는 자바스크립트 Promise 개념, 사용법, 예제 코드. 예제로 알아보는 then(), catch() 활용법 joshua1988.github.io

1. es2015 와 tc 39 ecma international 은 자바스크립트를 포함한 다양한 기술표준 정립을 목적으로 함 그 중 tc 39 위원회는 자바스크립트(ecma script) 표준 제정을 담당하며 대부분의 논의 내용이 웹에 공개되어 있음 https://ahnheejong.name/articles/ecmascript-tc39/ ECMAScript와 TC39 자바스크립트 언어의 표준인 ECMAScript와 TC39에 대해 소개합니다. ahnheejong.name https://tc39.es/ TC39 – Specifying JavaScript. TC39 Ecma International's TC39 is a group of JavaScript developers, implementers, ac..

1. hoisting -var var => 선언만보이는 위치에서 끌려 올라간다. hoisting : 변수의 선언(만)을 해당 스코프의 맨 위로 끌어올리는 것을 뜻함 function 도 hoisting 대상이며 함수의 선언과 값의 초기화는 서로 다르다. 2. function, lexical scope 코드의 어떤 식별자가 실제로 어떤 값을 가리키는지 결정하는 것을 binding 이라고 한다 자바 스크립트에서의 binding 은 lexical scope 를 통해 이뤄진다 lexical scope 란 간단히 말하자면 안쪽에서 바깥쪽 변수에 접근할 수 있다는 것이다. 3. var, blocking scoping var 는 blocking scoping 의 대상이 아니다 하지만, let 과 const 는 bloc..

1. 자바스크립트와 event loop - node 를 잘 이해하기 위해서는 자바스크립트의 동시성 모델에 대해 잘 이해해야 한다 - 자바 스크립트의 실행 모델은 event loop, call stack, callback queue 개념으로 이뤄진다 1) event loop, main thread 이벤트 루프 모델은 여러 스레드 사용 우리가 작성한 js 코드가 실행되는 스레드를 메인 스레드라 부름 한 node.js 프로세스에서 메인 스레드는 하나이며, 한 순간에 한줄씩만 실행 그외 일(file i/o, network..) 을 하는 워커 스레드는 여럿이 있을 수 있다. 2) call stack 지금 시점까지 불린 함수들의 스텍, 함수가 호출될 때 쌓이고, 리털할 때 빠짐 3) Run to completion..

웹을 만들다보면 제이쿼리를 사용하여 특정 value 값으로 select 박스의 option 을 설택해야 되는 때가 있다. 이 것이 제대로 되지 않으면 아래와 같은 systaxError 가 뜬다 Syntax error, unrecognized expression: unsupported pseudo: select --> Select Box 를 선택 한 후, prop 를 이용하여 selected 속성을 true 로 설정한다. 예를 들자면, first option second option third option 이런 select 태그가 존재할 경우 만약 value 가 select3 인 옵션을 선택하고 싶다고 가정해보자. //id로 select를 선택하고 value가 'select3'인 option 선택 $('#..

현재 참여하고 있는 프로젝트에서 input 값을 자동으로 더하는 법을 구현해야되어야 했고, 이 내용을 참고하여 추후에 다시 사용하기 위해서 기록했다. 전체적인 내용은 '잡다한 몽상백서' 블로그에서 발췌했다. 정보가 오래되어서 삭제될 가능성이 있었기에 전체적으로 가져와서 저장했다. 이를 응용한 다른 방법을 써보았으나, 아직 지식이 얕아..적용이 되지를 않아 아래 방법을 그대로 사용했다. 하기 링크를 발췌했다. 참고 링크 jobdahan.net/scriptstudy/1599950

document.write() 메소드 document.write() 메소드는 웹 페이지가 로딩될 때 실행되면, 웹 페이지에 가장 먼저 데이터를 출력한다. 따라서 document.write() 메소드는 대부분 테스트나 디버깅을 위해 사용된다 아래 이미지와 같이 웹에 바로 뜬다. console.log() 메소드 console.log() 메소드는 웹 브라우저의 콘솔을 통해 데이터를 출력한다. 대부분의 주요 웹 브라우저에서는 F12를 누른 후, 메뉴에서 콘솔을 클릭하면 콘솔 화면을 사용할 수 있으며, 이러한 콘솔 화면을 통한 데이터의 출력은 좀 더 자세한 사항까지 출력되므로, 디버깅하는데 많은 도움을 준다. 아래 이미지와 같이 콘솔창에 바로 뜬다 둘다 디버그를 하거나 테스르를 할 때 쓰인다는 공통점이 있지만, ..

select combo 의 동적쿼리로 저장된 데이터를 불러올 수는 있다. 하지만 동적 쿼리의 경우에는 처음에 설정된 셀렉트가 작동이 되어야 다음 셀렉트의 키워드들이 나오기 때문에 그냥 불러왔다간, 이전의 셀렉트가 작동이 안되었기 때문에 데이터가 뜨지 않는 문제점이 있따,. 이를 해결하기 위해서는 우선 트리거를 통해서 이전의 셀렉트를 작동시켜주고 난 뒤에 그 다음 셀렉트를 작동시켜 데이터를 기입시켜주어야 한다. 위 이미지 처럼 내가 걸고 싶은 곳에 trigger를 한 걸어준 다음에 다음 셀렉트를 실행시키면 된다. 몇일을 고생햇는데..알고나니..생각보다 너무 간단해서.. 허무했었다... 앞으로 잘 참고해야겠다. 트리거에 대해서는 아래 링크를 참고할 것 https://findfun.tistory.com/271..

자바 스크립트의 경우에는 형 변환을 하지 않고 데이터를 ajax 를 통해 DB 에 넣고자 할 경우에는 기존에 DB 에 설정이 되어있는 형태와 달라서, 데이터가 들어가지 않고 에러를 일으킬 수 있다. 그럴 경우에는 데이터의 형을 변환해서 넣어주면 DB에 잘 넣을 수 있다. 그래서 아래와 같이 형을 변환해주고 데이터를 넣어주었다. 정수의 경우에는 아래와 같이 문자열의 경우에는 아래와 같이 바꿀 수 있다. 더욱 자세한 사항은 아래 링크 참고할 것 참고 링크 https://silvesteryan.tistory.com/9 JavaScript 자바스크립트 형변환 - Int, String 바꾸기 오늘은 JavaScript의 형변환에 대해서 알아보겠습니다. 하는 법이 있다는 것은 알고있는데 머리에 다 담고 살기는 너무..