분류 전체보기

나의 풀이 풀이 1은 한쪽 전선의 개수를 구했다. (아직 미해결) 왜냐하면 전선 개수 + 1 = 송전탑 개수가 되기 때문이다. 풀이 2는 송전탑의 개수를 구해서 문제를 풀었다. 풀이 1 틀린 풀이 function solution(n, wires) { wires.sort(([a,_], [b,__]) => a-b) let answer = n function tracking(n, wires, wireCopy, index) { if(index + 1 > wires.length) return wireCopy.splice(index, 1) const firstLine = wireCopy.reduce((acc, cur,i) => { if(i === 0){ acc.push(cur) return acc } if(acc...

프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 나의 풀이 function solution(number) { let count = 0 for(let i = 0; i

styled-components 공식페이지에 가면 위와 같이 써져있습니다. ES6 및 css의 장점을 사용하여 스트레스 없이 앱 스타일을 지정하라고 말입니다. 사실 JS를 사용하며 css도 같이 다루기가 무척 불편합니다. 같은 파일안에 넣으면 지저분하니 따로 css 파일을 만들면 하나하나 id와 class 이름이 겹치는지 확인해야하고 조금 더 복잡한 화면은 구현하기가 힘들어진다든지 이외에도 많은 불편함들이 있지만 이러한 불편함을 styled-components가 해결해줍니다. 그렇다면 styled-components가 무엇인지 알아봅시다. 일단은 백문의 불여일견이니 다른소리 다 집어치우고 바로 테스트를 시작해봅시다. 1. 기본 문법 우리의 목표는 아래와 같은 버튼을 만드는 것 입니다. 1) 설치하기 ( ..

effetive typescript "Item 35 API와 명세를 보고 타입만들기" 를 읽다가 그래프 ql이 나왔는데 이름만 들어봤지 무엇인지 몰라서 이를 공부하다가 API와 비교하기위해 API도 정확하게 알고있는게 아니라 정리를 하게 되었다. 1. API란? API라는 용어는 "Application Programming Interface"를 의미합니다. API는 정의 및 프로토콜 집합을 사용하여 두 소프트웨어 구성 요소가 서로 통신할 수 있게 하는 메커니즘입니다. 조금 더 쉽게 설명해보자면 API를 레스토랑의 메뉴판이라고 생각하면 편합니다. 메뉴판에는 각 요리에 대한 설명과 함께 주문할 수 있는 요리 목록이 제공됩니다. 원하는 메뉴 항목을 주문하면 레스토랑의 주방에서 작업을 수행하고 완성된 요리를 제..

프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 나의 풀이 이전코드 function solution(n, lost, reserve) { const realReserve = reserve.filter(r => !lost.includes(r)); const realLost = lost.filter(r => !reserve.includes(r)); // const reserveNum = reserve.lenght - realReserve.length; const ableNum = realLost.filter(a => { return realReserve.find..

1. 상속 타입스크립트에서는 일반적인 객체지향 패턴을 사용할 수 있습니다. 클래스 기반 프로그래밍의 가장 기본적인 패턴 중 하나는 상속을 이용하여 이미 존재하는 클래스를 확장해 새로운 클래스를 만들 수 있다는 것입니다. 예제를 봅시다. class Animal { move(distanceInMeters: number = 0) { console.log(`Animal moved ${distanceInMeters}m.`); } } class Dog extends Animal { bark() { console.log('Woof! Woof!'); } } const dog = new Dog(); dog.bark(); dog.move(10); dog.bark(); 타입이 추가된것을 제외하고 자바스크립트에서 보았던 클래..

처음에 react 프로젝트를 시작하면 위와 같이 세팅이 된다. 그런데 이것들이 무엇인지 잘 알지 못했다. 1. import react from 'react' 과연 이것은 무엇일까? 브라우저는 오직 3가지만 읽을 수 있다. (HTML, CSS, JavaScript) 그렇기에 우리가 React만 작성해서 브라우저한테 갔다주면 알지 못한다. 그럼 어떻게 해야할까? 맞다 React로 작성한 코드를 브라우저가 읽을 수 있도록 변환해줘야한다. 리액트에서 JSX문법을 사용하는데, 이 JSX 문법을 자바스크립트로 변환시킬 때 JSX transformer를 사용해 JSX로 작성된 React 메소드를 변환시킨다. 이때 객체인 React를 가져오기위해 import React from 'React' 를 맨 위에 작성해 Rea..

1. Generics ? 제네릭은 선언 시점이 아니라 생성 시점에 타입을 명시하여 하나의 타입만이 아닌 다양한 타입을 사용할 수 있도록 하는 기법이다. 제네릭을 함수처럼 생각하면 쉽다. function getText(text) { return text; } getText('hi'); // 'hi' getText(10); // 10 getText(true); // true 우리가 getText함수에 문자열을 넣으면 문자열이나오고 숫자를 넣으면 숫자가 나오고 불리언을 넣으면 불리언이 나오는 것 처럼 제네릭도 비슷한 개념이라고 생각하면 이해하기 쉽다. 자 위 자바스크립트 코드를 타입스크립트로 바꿔보자 function getText(text : string | number | boolean) { return t..

개념공부를 하다가 타입스크립트의 void가 명확하게 이해가 되지 않아 정리해보았다. 1. void 1) 정의 void는 값을 반환하지 않는 함수의 반환 값을 의미한다. 함수에 return 문에 없거나, 명시적으로 값을 반환하지 않을 때, 추론되는 타입이다. 위 정의에서도 보았듯이 우리가 타입스크립트에서 함수를 작성하고 return을 하지 않는다면 알아서 void로 추론을 한다. 그리고 그러한 함수들의 반환 값은 undefined로 평가된다. 자바스크립트에서는 아무것도 반환하지 않는 함수는 암묵적으로 undefined 값을 반환한다. 하지만 타입스크립트에서 void와 undefined는 같은 것으로 간주되지 않는다. 그렇다면 실제로 해보자 타입스크립트에서 void함수를 undefined 타입으로 지정한 ..