javascript5 [JS] Class Method를 arrow function과 regular function으로 선언할 때 차이점 export default class Header { constructor({ $target, text }) { this.$header = document.createElement("h1"); $target.appendChild(this.$header); this.render(text); } render(text) { this.$header.textContent = text; console.log(this); }; } export default class Header { constructor({ $target, text }) { this.$header = document.createElement("h1"); $target.appendChild(this.$header); this.render(text); .. 2023. 10. 16. 백준 JS로 입력 받기 vsc snippet 프로그래머스와는 다르게 백준은 백준은 input을 직접 받아야한다. 이럴 때 매번 문제를 풀 때 마다 새롭게 입력 받는 코드를 작성하는 것은 매우 번거로운 일이기 때문에 snippet을 만들어서 input 받는 코드를 치는 시간을 조금이라도 줄여보고자 한다. { "BOJ input": { "prefix": "boj", "body": [ "const fs = require('fs');", "const input = fs.readFileSync('./input.txt', 'utf-8').trim().split('\\n');", "// const input = fs.readFileSync('/dev/stdin', 'utf-8').trim().split('\\n');\n", "function solution().. 2023. 9. 8. IT플랫폼기업 현장실습 회고 기간: 202303.01 - 2023.06.30 직무 : 주로 React를 이용한 프론트엔드 약간의 nodejs, graphql을 이용한 백엔드 계기 기존 전공에서 컴퓨터공학과로 전과를 하고 4학년 2학기까지 하였으나 전과를 좀 늦게한 탓인지 학점이 부족하여 초과학기를 1학기 해야하는 상황이었다. 학교를 4년이나 다녔으니 무언가 특별한 경험을 해보고 싶다는 생각을 하였다. 그렇게 수업 이외에 학점을 채울 수 있는 방법으로 현장실습이 있다는 것을 알게되었고 내가 지원할 만한 기업을 알아보다가 react/nodejs를 쓰는 IT플랫폼 기업이 있어서 지원을 하였다. 주요업무 입사 첫주에는 React와 관련된 클론코딩 책을 주고 이것을 그대로 따라하게 하였다. 흔히 처음 웹 프레임워크를 배울 때 어떤 사이트를 .. 2023. 7. 6. Array.prototype.map 화살표 함수 Object return 할 때 소괄호()로 감싸는 이유 onSnapshot(collection(dbService, "temp"), (snapshot) => { const newArray = snapshot.docs.map((doc) => ({ id: doc.id, ...doc.data(), })); firestore로 onSnapshot 함수를 사용할 때 map으로 순회하면서 newArray에 object를 추가하였다. 이 때 map에 화살표 callback함수를 전달 하였는데 object를 return하기 때문에 (doc) => ({ id: doc.id, ...doc.data(), }) 이렇게 callback함수를 전달했는데 이 때 갑자기 object를 감싸는 소괄호의 정체가 궁금했다. 찾아보니 원래 화살표 callback 함수 뒤에 {}가 나오면 retu.. 2023. 3. 3. 이전 1 2 다음
