기록

문서 객체 모델 DOM DOM은 문서의 구조화된 표현(structured representation)을 제공하며 프로그래밍 언어가 DOM 구조에 접근할 수 있는 방법을 제공하여 그들이 문서 구조, 스타일, 내용 등을 변경할 수 있게 돕는다. DOM 은 nodes와 objects로 문서를 표현한다. 이들은 웹 페이지를 스크립트 또는 프로그래밍 언어들에서 사용될 수 있게 연결시켜주는 역할을 담당한다. HTML에서 현재 문서를 나타내는 document로 진입하여 각 태그들을 트리 구조로 표현한다. - DOM Tree 예시 document 객체를 이용하여 document.body.style.background = 'red' 브라우저 객체 모델 BOM 브라우저에서 제공되는 문서 이외의 모든것들을 제어하기 위한 객..

혼자 하는 코딩이라면 신경을 안 써도 되는 부분이지만... 협업간에 꼭 필요한 부분이다. lint와 prettier로 맞추어갈수 있다지만 현 회사에서 컨벤션을 맞추기 위해 기록한 부분들을 블로그로 옮겨본다. 1. 네이밍 규칙 1 - 1 파일명 component, enum 관련파일 UpperCamelCase로 표기 ex) MainPage.tsx 그외에 파일들은 lowerCamelCase로 표기한다. ex) index.tsx, 1 - 2 폴더명 component와 container 내부 하위 폴더들은 UpperCamelCase 표기 pages의 하위 폴더는 - 표기 ex) pay-management 1 - 3 변수, 함수 lowerCamelCase로 표기 1 - 4 컴포넌트명, enum명 UpperCamel..

문제 내풀이 개행을 추가할 insertAt 함수 생성 insertAt 은 현재 문자열과 문자을 추가할 인덱스를 매개변수로 받는다. 우선 전체 별갯수를 result 에 담는다. data = "5 3" 일때 6번째와 11번째에 1부터 y 보다 작을까지 반복분을돌려 \n 을 2번 추가한다. count 는 \n이 추가될때마다 인덱스가 1만큼 늘어나기때문에 count 를 올려서 추가할인덱스 값을 올려준다. process.stdin.setEncoding('utf8'); process.stdin.on('data', data => { let result = ''; const n = data.split(' '); const x = Number(n[0]), y = Number(n[1]); let count = 0; con..

문제 풀이 n 의 개수만큼 x 간격으로 나열한다. 1부터 n 까지 반복문을돌려서 i 마다 x 의값을 곱한다. function solution(x, n) { let answer = []; for (let i = 1; i Array(n).fill(x).map((arr, idx) => (idx + 1) * arr);