전체 글

프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 나의 풀이 문자열 다루기 문제이다. 생각의 과정 1. name 와 yearning로 객체를 만든뒤 2. 이중 배열로 되어있는 photo를 reduce를 통해 result 배열을 만들자. // 링크 : https://school.programmers.co.kr/learn/courses/30/lessons/176963?language=javascript function solution(name, yearning, photo) { // 생각 // name + yearning 객체로 만들어서 계속 활용 const l..

프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 역시 프로그래머스는 계속 새로운 문제가 나와서 좋다. level.1을 다 풀었지만 새로 문제가 추가되어서 풀어봤다. 나의 풀이 function solution(t, p) { const pLength = p.length const substrings = [...t].reduce((acc,cur,i,arr) => { if(i +value { if(i

git commit을 신경 쓰지 않고 대충 할때는 전혀 관심이없었는데 어느 순가 git commit의 commit message가 중요하다는 것을 깨달았다. 특히 코드리뷰를 할때 더욱더 그 필요성이 보이게 된다. 2020 우아콘 발표중 일부 내용이다. 이런식으로 commit 로그를 볼때 가독성이 굉장히 떨어진다. 이런식으로 규칙을 정하고 그에 맞게 commit을 하면 가독성이 훨씬 좋아진다. 그리고 commit 내용도 함께 작성해주면 더 좋아진다. [우테콘2022] 우리 팀의 코드리뷰 문화, 이렇게 조금씩 발전했어요 - (3) 코드리뷰 문화, 이렇게 개 이전에는 이렇게 했는데 commit로그를 볼때 가독성이 좋지 않았다. 그래서 화면과 같이 제목을 작성하는 규칙을 만들어 가독성을 높였다고한다. 확실히 이..

나의 풀이 풀이 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(); 타입이 추가된것을 제외하고 자바스크립트에서 보았던 클래..