play_

background 개별속성은 단축속성 아래에 적어야 한다. (후자 우선의 원칙) background:red; background-clip:padding-box; // 뒤에 적어야함 background-clip:padding-box; // 앞에 적으면 속성 적용 x background:red; div만 3개 적었을 때 last-child 속성 적용이 안 된다. first-child는 인식하지만 마지막 자식이라는 것을 인식하지 못함 section태그로 감싸주면 div:last-child 가 적용이 된다. !! 다만 div:nth-child(3) 은 명확하기 때문에 적용이 된다. Hello Hello Hello

답안 const readline = require('readline'); const rl = readline.createInterface({ input: process.stdin, output: process.stdout }); let input = []; rl.on('line', function (line) { input = line.split(' '); }).on('close', function () { const str = input[0]; const n = Number(input[1]); const result = str.repeat(n); console.log(result); });

답안 const readline = require('readline'); const rl = readline.createInterface({ input: process.stdin, output: process.stdout }); let input = []; rl.on('line', function (line) { input = [line]; }).on('close',function(){ str = input[0]; console.log(str) });

답안 const readline = require('readline'); const rl = readline.createInterface({ input: process.stdin, output: process.stdout }); let input = []; rl.on('line', function (line) { input = line.split(' '); }).on('close', function () { const a = Number(input[0]); const b = Number(input[1]); console.log(`a = ${a}`); console.log(`b = ${b}`); });

1. 스크롤링 스무스한 스크롤링 2번

[ 논 블로킹 I/O ] 1. 이전 작업이 완료될 떄 까지 기다리지 않고, 다음 작업 수행 2. 오래걸리는 작업은 백그라운드에서 처리 [ 싱글 스레드 ] - 스레드란 작업을 실행하는 단위 - 주어진 작업을 핸개의 스레드가 처리하는 것 - 주어진 작업을 혼자 처리하는 방식 - 스레드에 문제가 생길 시 전체에 문제가 생길 가능성 있음 - 메모리나 기타 자원을 효율적으로 사용 가능 [ 멀티스레드 ] - 여러개의 스레드가 일을 나눠 처리 - 하나의 스레드가 문제 생겨도 다른 스레드로 대체 가능 - 스레드간의 작업 전환 비용, 놀고 있는 스레드 문제 발생 [Node.js 장점] 1. 싱글 스레드, 논블로킹 I/O에 따른 빠른 속도 2. 컴퓨터 자원을 덜 사용 3. I/O작업이 많은 서버로 적합(채팅, 스트리밍) ..

1. 특정 문자 제거하기 // 1번 문제 // 링크: https://school.programmers.co.kr/learn/courses/30/lessons/120826?language=javascript function solution(my_string, letter) { return my_string.split(letter).join(''); } 'BCBdbe'.split('B') 'BCBdbe'.split('B').join('') // 오답 : 1개만 바꿉니다. function solution(my_string, letter) { return my_string.replace(letter, ''); } 'BCBdbe'.replace('B', '') // 오답 : 정규표현식 패턴은 문자열로 만드는 것이..

문자열 내에서 패턴을 찾아서 바꾸거나 빼거나 추가하고 싶을 때 사용 g는 global로 모든 문자열에서 , m은 multiline으로 여러 라인에서 패턴을 찾겠다는 옵션 1. 일반 문자열 /hello/gm /hello world/gm /Hello/gm /Hello/gim //대소문자 구분하지 않는 옵션 i 2. 처음과 끝 (문자열 잡아서 빼거나 수정하거나 패턴을 가져오기) 많이 사용 x /^hello/gm : 처음에 hello (^ 텍스트의 시작) /hello$/gm : 끝에 hello($ 텍스트의 끝) 3. 모든 문자 .(dot)은 모든 문자가 매칭된다. /h.llo/gm hello, halo, hollo 다 선택 /h[eo]llo/gm [ ] 는 택1 4. 범위 지정 범위를 지정하고 싶을 때 -(대쉬..

this는 인스턴스(클래스, 생성자 함수 - 붕어빵찍는 틀, 인스턴스 - 붕어빵)을 가리키는 참조 변수이다. this는 호출되는 위치에 따라 다른 값을 출력하기 때문에 혼란을 준다. this는 기본적으로 전역 객체를 가리키고, 호출하는 것이 object이면 해당 객체를 가리킨다 예외는 외우는 편이 좋음 this는 bind로 this가 가리키는 값을 바꿀 수 있으므로 항상 같은 원칙에 의해서만 움직이지 않음 [정리] // .앞에 있는 것 // 함수로 출력하면 window로 출력 1. 전역공간의 this는 window(node는 global) 2. 메서드로 호출한 경우 this는 멤버접근연사자 앞에 객체 3. 함수로 호출할 경우 this는 window 4. 화살표 함수의 경우 this는 상위스코프 5. 생성..

스택 - 제한적으로 접근할 수 있는 나열 구조이다. - 접근 방법은 목록의 끝에서만 일어난다. - 한 쪽 끝에서만 자료를 넣거나 뺄 수 있는 선형 구조 (LIFO - Last In First Out) - 자료를 넣는 것을 push - 자료를 꺼내는 것을 pop - 꺼내는 자료는 가장 최근에 푸쉬한 자료부터 나온다. - 나중에 넣은 값이 먼저 나오는 것이 LIFO 구조라고 한다. 큐 - 먼저 넣은 데이터가 먼저 나오는 FIFO(First In First Out) 구조로 저장하는 형식 - 프린터 출력, 프로세스 관리 등 데이터가 입력된 시간 순서대로 처리해야 할 필요가 있을 때 이용 Map & Set Map 객체는 키-값 쌍을 가지는 객체 자료형의 한 종류다. 함수(function) console, aler..