일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- CSS
- 2월기념일을위해서달리자
- 클린코드
- JS비동기처리
- 실용주의프로그래밍
- 노마드코더
- 이펙티브타입스크립트
- 1931번문제
- 북클럽
- 이벤트위임
- 노개북
- 11399번문제
- 노마드북클럽
- 캐럿마켓클론
- 취업준비중
- 시작
- 백준문제풀이
- 리액트의탄생
- 실용주의프로그래머
- 개발자필독서
- 개발자필독서?
- 프로그래머스
- 그리디알고리즘
- 개발자
- 프론트엔드 개발을 위한 자바스크립트 (feat. VanillaJS)
- 이벤트위임예제
- JavaScript
- 취업준비중..
- 자바스크립트스터디
- 코딩
- Today
- Total
목록전체 글 (65)
파카
https://www.acmicpc.net/problem/9095 9095번: 1, 2, 3 더하기 각 테스트 케이스마다, n을 1, 2, 3의 합으로 나타내는 방법의 수를 출력한다. www.acmicpc.net 백준에서 값을 받는 기본 Template 더보기 const fs = require('fs'); const filePath = process.platform === 'linux' ? '/dev/stdin' : './input.txt'; let input = fs.readFileSync(filePath).toString().split('\n'); input = input[0]; input = input.split(' ').map((item) => +item); solution(input[0], in..
백준에서 JavaScript로 문제를 풀면서 준비를 하려고 하다보니 백준은 프로그래머스와는 다르게 입출력을 제공해주지 않는다. (그렇다보니 메모리 문제도 있고 JS로는 풀 수 없는 문제가 있다고 한다..) 본인이 다 입출력 코드를 짜야하는데 내용 정리가 필요해서 기록에 남겨놓으려고 한다. - 백준에서 JS 로 문제를 풀 경우 Node.js 를 선택하고 풀면 된다. 많은 블로그에서 설명하고 있지만 Template 을 제대로 기억하고 활용하기 위해서 기록에 남겨두려고 한다. 아래의 2가지는 모두 console.log를 통해 값을 출력하면 된다. Readline const readline = require('readline'); const rl = readline.createInterface({ input: ..
https://programmers.co.kr/learn/courses/30/lessons/60058 코딩테스트 연습 - 괄호 변환 카카오에 신입 개발자로 입사한 "콘"은 선배 개발자로부터 개발역량 강화를 위해 다른 개발자가 작성한 소스 코드를 분석하여 문제점을 발견하고 수정하라는 업무 과제를 받았습니다. 소스를 programmers.co.kr 카카오는 문제부터 길다.. 처음에 고민하다가 나는 문제에 설명되어 있는 풀이를 그대로 순서대로 코드를 만드는 것을 첫번째 목표로 잡아 아래와 같이 문제를 풀었다. 1. 입력이 빈 문자열인 경우, 빈 문자열을 반환합니다. 2. 문자열 w를 두 "균형잡힌 괄호 문자열" u, v로 분리합니다. 단, u는 "균형잡힌 괄호 문자열"로 더 이상 분리할 수 없어야 하며, v는..
앞으로 문제를 풀고 문제를 기억하기 쉽게 저장하는 저장소가 될 거 같다. 프로그래머스 가장 큰 수 코딩테스트 연습 - 가장 큰 수 0 또는 양의 정수가 주어졌을 때, 정수를 이어 붙여 만들 수 있는 가장 큰 수를 알아내 주세요. 예를 들어, 주어진 정수가 [6, 10, 2]라면 [6102, 6210, 1062, 1026, 2610, 2106]를 만들 수 있고, 이중 가장 큰 programmers.co.kr 처음에는 간단하게 10으로 나눈 나머지 기준으로 역순 배치하면 될 거라고 생각했지만 범위가 1000까지 들어온다. 그래서 새롭게 고민하다가 힌트를 보고 풀게되었다. 이 문제의 핵심은 무엇보다 문자의 배치에 따른 값의 비교다. 이 걸 바로 알았더라면 금방 풀었을 텐데 하고 아쉽다. 더보기 const nu..
앞에서 Flex에 대해 간단하게 공부했었다. 하지만 여전히 CSS는 익숙치 않고 결국 flex는 반응형 웹을 위해 알아야 할 속성이기에 다시 활용하면서 익숙해지려고 한다. flex와 grid는 친숙해져야하는데 이유는 반응형 웹 개발에 있다. 반응형을 해야 하는 이유는 여러가지가 있을 테지만 가장 큰 이유는 모바일 환경 때문이다. 화면의 크기가 다양해지고 그에 따라 웹 환경이 변해야 사용자에게 편의를 제공할 수 있으니.. 차근차근 Flex와 Grid를 정리한 후에 기존에 서비스 되고 있는 곳을 따라해보려고 한다. 새로운 Display 속성 Block 레벨 요소의 성질을 가지며 주로 부모의 속성을 통해 자식들을 컨트롤 합니다. 이때 부모를 flex-container, 영향을 받는 자식들을 flex-item ..
문제를 풀어보고 설명하는게 쉽지 않다는 것을 글을 쓰면서 깨닫고 있다. 쓱쓱 풀고 기록하는게 좋을지 고민이 필요해보인다.. 이 공간은 이제 자료구조나 문제풀이를 계속해서 기록해 나갈 예정이다. 문제풀이도 오늘처럼 설명이 아닌 코드를 쓰고 주석을 다는식으로 하게 될 거 같지만.. 처음이니 주저리 주저리 써본다. 프로그래머스 H-Index 코딩테스트 연습 - H-Index H-Index는 과학자의 생산성과 영향력을 나타내는 지표입니다. 어느 과학자의 H-Index를 나타내는 값인 h를 구하려고 합니다. 위키백과1에 따르면, H-Index는 다음과 같이 구합니다. 어떤 과학자가 발표 programmers.co.kr 어제 풀었던 H-Index 문제이다. H-Index 란 ? 어떤 과학자가 발표한 논문 n편 중,..
문제를 풀기 전 for문과 배열 등 필요한 내용에 대한 정리 먼저 시간이 되면 자료구조도 중간 중간 정리해보려고 한다. 더보기 더 많은 내용이 있지만 이 부분은 추후에 // 구조 분해 할당 const colors = ['red', 'yellow', 'black']; const Colors = { blue: 'blue', green: 'green', white: 'white' } // 오른쪽에 있는 요소를 하나하나 분해해서 변수에 하나씩 할당 // const red = colors[0]; // const yellow = colors[1]; // const black = colors[2]; const [red, yellow, black] = colors; // 객체인 경우에는 속성의 이름이 있기 때문에 위치..
프로토타입이란 자바스크립트의 모든 객체는 자신을 생성한 객체 원형에 대한 숨겨진 연결을 갖는다. 이때 자기 자신을 생성하기 위해 사용된 객체원형을 프로토타입이란 한다. 자바스크립트의 모든 객체는 Object 객체의 프로토타입을 기반으로 확장 되었기때문에 이 연결의 끝은 Object 객체의 프로토타입 Object 다. // 프로토타입(prototype) 방식의 클래스 // 명명규칙 생성자 함수는 암묵적으로 대문자로 시작한다고 한다. function UserCreate(first, last) { this.firstName = first this.lastName = last } // 생성자 함수 (new) // user1이나 user2를 인스턴스라고 한다. // 인스턴스란? // new 라는 키워드를 통해서 ..
계속 머릿속에서만 생각하니 더 복잡해져만 가는 기분이 들어 역시 남겨놓고 수정해야지 하면서 계속 기록에 남겨놓으려고 한다. 객체안에는 함수를 넣어서 사용할 수 있다. 자연스럽게 Getter와 Setter에 대해 알아보자. 그 전에 JS의 정의를 보면 아래와 같다. Javascript는 프로토타입 기반 객체 생성을 지원하는 동적 스크립트 언어이다. 이게 무슨 소리일까.. 간단히 정리해보자 - 자바스크립트는 객체지향언어이다. - 일반적인 다른 언어(C++, JAVA)와는 다르다. 객체 지향 언어에는 2가지 큰 틀이 있다 클래스 기반 프로토타입 기반 (객체의 원형인 프로토타입을 이용하여 새로운 객체를 만들어내는 프로그래밍 기법이다. 이렇게 만들어진 객체 역시 자기자신의 프로토타입을 갖는다. 이 새로운 객체의 ..
객체는 "사람" 이라는 하나의 카테고리라고 할수 있고 클래스는 붕어빵을 만들어주는 틀이라고 했었던 기억이 있다. 근데 JS는 일반적인 언어의 클래스와는 다르다 그래서 생각보다 이해하는데 오랜 시간 걸렸다.. 검색도 많이 할 수 밖에 없었고.. 비교가 필수였다.. 상세한 내용은 기회가 된다면 아니 앞으로 차근차근 더 다뤄보도록 하고 일단 코드를 통해 개념을 익히려고 한다. // 여기 하나의 객체를 선언하고자 한다. // 객체는 기본적으로 {} 를 통해 선언된다. [] 배열 const rainbow = {1: 'red', 2: 'orange', 3: 'yellow'}; // for in // 객체의 프로퍼티를 순회할 때 사용할 수 있다. // prop for(let prop in rainbow) { if(!..