하얀성의 개발 메타인지

async.waterfall([]) 사전작업: npm install async 설치. 기능: 순서대로(동기적으로) 함수들이 실행됨. null은 callback()에서 함수가 에러일 때의 상황을 결정하는 변수이다. null이 있으니 에러가 있을 때도 아무반응이 없다고 하는것. const async = require('async'); let timestamp = new Date().getTime(); async.waterfall([ function (callback) { // callback 매개변수는 순서대로 함수실행을 위한 통로임. setTimeout(function (){ console.log('one'); callback(null,'one')//실행이 되야 다음 함수로 넘어감. },2000); }, ..

Sync를 뒤에 붙이면 동기적이라는 의미를 나타내게 된다. fs의 메소드 중 하나인 readFileSync()를 사용해보았다. 아래처럼 textFile.txt도 준비함. 1.file 변수 출력 const file = fs.readFileSync(__dirname + '/textFile.txt') const file2 = fs.readFileSync(__dirname + '/textFile.txt',{encoding:'utf-8', flag:'r'}) console.log(file) console.log(file.toString()) 2. file2 변수출력 encoding: 'utf-8'을 옵션으로 주었기 때문에, readFileSync는 파일의 내용을 'utf-8' 인코딩의 문자열로 바로 반환합니다. ..

스프레드연산자 기능 1.구조 분해 할당에서 나머지 속성들을 모으는 용도로 사용. 2.객체나 배열을 확장(복사)할 때 사용. 객체 복사하는 방법(참조 방식에서 벗어나기 위한 방식 ) 스프레드 연산자를 통해 객체나 배열의 요소들만을 불러올 수 있다. 응용1 스프레드 연산자를 통한 배열 결합 let test = () => { const aaa = [1,2,3] const bbb = [3,4,5] const arr = [...aaa, ...bbb] console.log(arr) } test() 응용2 요소들 한개만 불러오기(객체의 값만 빼옴)(중복이던 3이 없어짐) let test = () => { const aaa = [1,2,3] const bbb = [3,4,5] const arr = [...aaa, ....

Date 객체 사용예시 util.js 파일 생성해서 Date 객체를 통해 날짜 함수를 만들었다. export function getToday() { const aaa = new Date() const yyyy = aaa.getFullYear() const mm = aaa.getMonth() + 1 const dd = aaa.getDate(); const today = `${yyyy}-${mm}-${dd}` return today } util.js파일의 getToday()함수를 import 해와서 사용해주는 모습이다. import { getToday } from './util.js' 가입일: ${getToday()} 이렇게 출력이 되는데 2023-10-06이 되려면? .toString().padStart(..

구조분해할당 : 선언한 객체, 배열 안에서 일주 변수, 요소만 빼서 저장하는 기능.(선언이 간편해진다.) 본래 age라는 객체 안의 변수만 출력하고자 하면 에러가 발생한다. 그래서 객체.변수명 을 써서 출력하는 것. 하지만 비구조화 할당은 또다른 변수에 객체 안에서 뽑아온 본래 변수를 담아주는 것이라 할 수 있다. {변수1} = {변수1 : 값 , 변수2 : 값} [배열 요소3] = [배열요소1, 배열요소2, 배열요소3] (getChild() 는 return 값을 괄호로 가져온것이니 참고.) 배열은 객체처럼 줄을 띄우면 에러발생. * 객체는 키값이 중요하고, 배열은 순서가 중요하다. 배열은 아래처럼 다음 값만 원한다 하더라도 앞에 오는 요소부터 고려해야함. 구조분해 할당 응용 코드 최종적으로 이 형태를 ..

파사드 패턴으로 코드 짜보기 Facade Pattern 퍼사드는 '건물의 정면'이라는 뜻입니다. 간단하게 설명하면, 안에 여러 가지 복잡한 로직이 있더라도, 밖에서 보이는 정면에 있는 함수에서는 비교적 간단하게 흐름을 파악할 수 있습니다. 위가 퍼사드 패턴. 퍼사드 패턴을 만드는 과정은 리팩토링을 하는 과정이 된다. 부분 함수들을 한데 모아서 사용하는 최종 함수를 의미한다. function customRegistrationNumber(getNumber) { const isValid = checkRegistrationNumber(getNumber); if (isValid) { hideRegistrationNumber(getNumber) } } //번호맞게 입력했는지 확인 //토큰 받아서 가려서 출력하는 코..

vscode에 설치해서 우분투 리눅스와 연동되도록한다. 우분투 안에 파일이 있고 해도, 그 파일을 작업할 수 있게된다. 설치 후, 다른 설정을 위해 잠시 종료. 우분투 안에 저장공간 생성 우분투로 가서.. $ mkdir section3 $ cd section3 $ rm -rf 폴더명 (폴더 삭제) git config --global core.atuocrlf input 을 cmd에서 입력(git 설치하고 나서 해야제?) (git 설치 후에 git에 올릴 때, 글자줄 흐트러짐을 방지하는 코드) $ code . (한칸 꼭 점 띄워야 됨.) 명령어를 입력하면, 현재 디렉터리(.)를 Visual Studio Code에서 열라는 의미입니다. 열심히 설치중이다. 설치 후, 자동으로 vscode가 실행된다. 참고 이 ..

윈도우에 '기능'이라고 검색. 열기. Linux용 Windos 하위 시스템을 클릭표시후 확인. + 재부팅실시 cmd를 관리자 권한으로 연다. wsl --install 을 명령창에 입력. 설치 후, 우분투 설치까지 되어서 name과 password 까지 새로 설정하면 끝. 물론. 비밀번호는 보완을 위해 비밀번호를 입력해도 커서가 움직이지 않는다. 아래 처럼 lsb_release -a 를 통해 버전을 확인. 우분투 앱을 검색해서 들어가도 되고, 터미널에서 wsl을 입력하면 우분투로 이동가능하다. exit를 입력하면 다시 명령 프롬프트로 이동할 수 있다. node.js 설치 본인의 기본터미널의 관리자(system32 x)가 아닌, 일반 저장폴더(다운 받으면 풀어주는 곳)에 들어가서 아래 코드를 순서대로 입력 ..

https://www.youtube.com/watch?v=cYm4fGQC1eE 재밌다.ㅋㅋㅋㅋㅋㅋ 근데 난 디지몬 좋아하는데 디지몬으로 해줬다면.ㅠ 나중에 디지몬으로 내가 똑같이 해보고 싶다. js를 통한 tensorflow.js 같은 js를 활용한 딥러닝 라이브러리 활용 툴 등이 있구나 알게 되었다. 백엔드를 통한 베포까지도 무난히 하는 디자인만 좀 다른 분께 맡기고 나머지는 구현해 내는 모습 멋있다. 그리고 생각보다 알고리즘이 많이 쓰이며, 내가 모르는 알고리즘이 참 많구나 하고 생각이 들었다.