개발자와 화가 개발자와 화가

flexbox 사용 부모엘리먼트는 display:flex를 사용해서 flex container가 된다. 자식 엘리먼트는 flex item이라고 부른다. justify-content: center; align-items: center; flex-direction: column; //배열 구조를 column으로 함

https://www.acmicpc.net/problem/2751 2751번: 수 정렬하기 2 첫째 줄에 수의 개수 N(1 ≤ N ≤ 1,000,000)이 주어진다. 둘째 줄부터 N개의 줄에는 수가 주어진다. 이 수는 절댓값이 1,000,000보다 작거나 같은 정수이다. 수는 중복되지 않는다. www.acmicpc.net 0. 시도 처음 풀었던 방법으로는 버블정렬 알고리즘을 이용하였는데 이렇게 하니까 시간 초과 에러가 났다. 버블 정렬 쓴 코드는 아래와 같다.. temp라는 변수를 하나 만들어서 swip 하는 방식으로 버블 정렬을 사용했다. const fs = require('fs') const filePath = process.platform === 'linux' ? '/dev/stdin' : './예..

I. DOM 다루기 1. create 아무것도 연결되어 있지 않는 노드 그리기 const tweetDiv = document.createElement('div') 2. append 부모 노드에 포함하기 이때부터 엘리먼트 요소 확인 가능 document.body.append(tweetDiv) 3. read querySelector로 선택자를 조회한다. id가 container인 엘리먼트의 마지막 자식 요소로 tweetDiv를 추가한다. const container = document.querySelector('#container') const tweetDiv = document.createElement('div') container.append(tweetDiv) 4. update const oneDiv =..

2. Types-part1.js it('expect의 전달인자로 들어간 표현식의 평가(evaluation) 결과를 예측해 봅니다.', function () { expect(1 + '1').to.equal('11'); }); it('expect의 전달인자로 들어간 표현식의 평가(evaluation) 결과를 예측해 봅니다.', function () { expect(123 - '1').to.equal(122); }); 자바스크립트에서는 + 연산자는 문자열 연산을 수행하기에 1+'1'을 하면 '11'이라는 문자열이 반환된다. 반면 - 연산자는 123 - '1' 에서 숫자와 문자열 간의 연산이므로 문자열 '1'이 자동으로 숫자 1로 형변환이 되어 표현식이 계산된다. 3. LetConst.js const obj =..

1. 객체를 입력받아 number 타입의 값을 갖는 속성을 모두 제거해야 합니다. 개념 const object1 = { a: 'somestring', b: 42 }; for (const [key, value] of Object.entries(object1)) { console.log(`${key}: ${value}`); } // Expected output: // "a: somestring" // "b: 42" 코드 function removeNumberValues(obj) { for (const [key, value] of Object.entries(obj)){ if(typeof value === "number"){ delete obj[key]; } } } 2. 문자열을 입력받아 문자열을 구성하는 각 ..

1. 문제 0-9 사이의 정수를 요소로 갖는 배열을 입력받아 전화번호 형식의 문자열을 리턴해야 합니다. 인자 1 : arr number 타입을 요소로 갖는 배열 arr[i]는 0 이상 9 이하의 정수 배열의 길이는 8 또는 11 출력 string 타입을 리턴해야 합니다. 주의 사항 반복문(for, while) 사용은 금지됩니다. 배열의 길이가 8인 경우, 앞에 [0, 1, 0]이 있다고 가정합니다. 예시 let output = createPhoneNumber([0, 1, 0, 1, 2, 3, 4, 5, 6, 7, 8]); console.log(output); // --> '(010)1234-5678' output = createPhoneNumber([8, 7, 6, 5, 4, 3, 2, 1]); cons..

windows + wsl2로 개발환경을 설치했다. I. 기본 명령어 1. explorer.exe . 현재 위치를 GUI로 실행. 온점을 반드시 붙여야 함. 2. pwd 현재 폴더가 위치한 경로 확인 3. mkdir 새로운 폴더 생성하는 명령어 4. touch 새로운 파일을 생성하는 명령어 5. cat 파일의 내용을 터미널로 출력하는 명령어 6. rm 폴더 or 파일을 삭제하는 명령어 6-1. rm -rf "폴더명" 폴더를 삭제하기 위해서는 -rf 라는 옵션이 필요하다. r은 폴더를 지우는 것, f는 강제로 지운다는 뜻이다. 7. mv 폴더 or 파일 위치 변경하기 my "파일명" "폴더명" 8. cp 폴더 or 파일 복사하기 II. NVM node.js 다양한 버전을 설치하고 사용할 수 있는 프로그램이다..

HTML, CSS, Javascript를 사용하여 계산기 프로그램을 구현하였다. 0.사칙연산 각 사칙연산의 경우의 수를 나누어서 parseFloat로 실수 연산도 가능하게 하였다. 마지막에 출력할 때는 String으로 변환하여 화면에 출력되도록 하였다. function calculate(n1, operator, n2) { let result = 0; n1 = Number(n1); n2 = Number(n2); if(operator === '+'){ result = parseFloat(n1)+parseFloat(n2); console.log(result); } else if(operator === '-'){ result = parseFloat(n1)-parseFloat(n2); console.log(res..