분류 전체보기

Object.values() Object.values() 메소드는 전달된 파라미터 객체가 가지는 (열거가능한)속성의 값들로 이루어진 배열을 return 합니다. const object1 = { a: "hello", b:99, c:true, d:[a,b,c,d] }; console.log(Object.values(object1)); //Array ["hello", 99, true, Array ["a", "b", "c", "d"]] // 유사 배열 (숫자를 속성으로 사용하는 객체) const obj = { 0 : 'a', 1: 'b', 2:'c' }; console.log(Object.values(obj)); // [ 'a', 'b', 'c'] // 유사 배열의 number 속성으로 사용한 숫자의 크기 순으..

https://school.programmers.co.kr/learn/courses/30/lessons/42578 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 나의 풀이 1) function solution(clothes) { let box =[] let classification = clothes.reduce((acc,cur) =>{ acc[cur[1]] = acc[cur[1]] ? [].concat(acc[cur[1]],cur[1]): [cur[0]] return acc },{}) for (let item in classification) box.p..

오늘 mac이 몬트레이에서 벤츄라로 업그레이드 되었다. 그리고 평소처럼 git을 사용하는 데 위에처럼 에러가 떴다. 뭐지 싶어서 검색해봤는데 버전이 업그레이드 될때마다 그런 것 같다. 이전에도 빅서에서 카탈리나로 업그레이드할때도 같은 현상이 있었다고 한다. 해결법 xcode-select --install 터미널에 이렇게 그대도 써주면 된다.

배우는 이론 Routing State Management Data Fetching Animations Typescript 사용하는 패키지 React Router styled Components Recoil Apex Charts React Hook Form Framer Motion React Query React Master Class를 수강하면서 아래의 것들을 배웠다. 암호화폐 시세 트래커 넷플릭스 클론 1. 암호화폐 시세 트래커 https://ryan-dia.github.io/React-crypto_tracker/ React App ryan-dia.github.io 해당 강의에서 react 핵심기능은 useEffect와

이전에는 이렇게 했는데 commit로그를 볼때 가독성이 좋지 않았다. 그래서 화면과 같이 제목을 작성하는 규칙을 만들어 가독성을 높였다고한다. 확실히 이전보다 가독성이 월등히 높아진 것 같다. 그 다음 MR부분에서의 개선도 있었다고 한다. 다음의 3가지 경우가 있다. 1. 바쁘다보니 작업내용에대한 설명이 부족했다. - 리뷰어는 코드를 보고 파악해야하기에 불편했고 2. 너무 간단한 MR제목으로 어떤 작업을 했는지 알기 어려웠던 경우가 있다 3. 너무 많은 양의 코드를 리뷰를 요청하는 경우가 있었다. - 코드 리뷰하는데 시간이 오래걸리고 피드백 적용에도 오랜시간이 걸린다. 따라서 작업의 병목현상이 생긴다. 이를 해결하기위해 아래와 같이 하였다. 4. 히스토리 남기기 코드리뷰를 대면으로 할경우 온라인으로 진행..

이번시간에는 배민 프론트엔드팀안에서 어떻게 코드리뷰를 하는지에 대해 알아보겠습니다. 아 이거 정말 좋은 것 같다. 내가 코드를 작성하면 그 다음으로 랜덤으로 리뷰어 두 명이 선정이된다. 이렇게 선정된 두 명만 코드리뷰를 하는게 아니라 모두가 리뷰할 수 있다. 코드리뷰를 도와주는 전담매니저 봇이 있다. 이런 코멘트들이 불필요하다고 느껴질 수 있지만 이런 것들이 팀 분위기를 화기애애하게 한다고 한다. source : https://www.woowacon.com/ko/detailVideo/29

필자는 코드리뷰에 대한 중요성을 아직 그렇게 크게 느끼지는 못하고 있다. 협업의 경험도 없고 클린코드의 중요성도 알지만 아직은 기술 구현과 원리를 이해하기도 바쁘기 때문에 코드 리뷰를 못했던 것 같다. 여러명이 같은 프로젝트를 진행한다면 코딩 스타일에 일관성은 정말 중요할 것 같다. 누구는 이렇게 코드를 작성하고 누구는 저렇게 코드를 작성하고 중구난방이면 유지보수하는데 시간이 정말 많이 소요되어 안 좋은 코드가 될 가능성이 크다고 생각했다. 협업을 해보지 못해서 경험하지 못했는데 이렇게 간접적으로 코드리뷰를 보니 더 필요성이 느껴졌다. 특히 단항 증감 연산자에 대해 더 공부해야겠다. 두 번째로 필요한 이유는 로직 더블 체크이다. 이렇게 코드 리뷰하는 것을 보니 너무 좋을 것 같았다. 나또한 사소한 오타때..

우테콘 - 모노레포 정리 모노레포란 ? 모놀리식 애플리케이션이란 모듈화없이 구현된 소프트애플리케이션을 뜻합니다. 이런식으로 개발하면 아키텍쳐를 빠르게 개발할 수 있는 장점이 있지만 유기적으로 얽혀있는 코드때문에 규모가 커질수록 정리된 집합으로 분리하기가 힘든 단점이 존재한다. 이것을 보완하기 위해 등장한것이 모듈식입니다. 여기서 더 나아가면 아래와 같다. 모듈식 애플리케이션을 별도로 레포로 분리하여 구성한 모습은 위와 같습니다. 이제는 레포 A, B, C, D를 필요에 따라서 관계지을 수 있고 각 레포는 독립적인 개발환경이나 빌드와 테스트 배포 파이프 라인을 구성할 수 있기 때문에 높은 자율성을 가집니다. 멀티레포란 프로젝트별로 독립된 레포지토리를 가지는 형태로 현재 대부분의 업계에서 선호하는 개발전략입..

https://school.programmers.co.kr/learn/courses/30/lessons/64065 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 나의 풀이 function solution(s) { s = s.replace(/[{}]/g,"").split(",") const checkRepetition = s.reduce((acc,cur) =>{ acc[cur] = (acc[cur]|| 0) + 1 return acc },{}) return Object.entries(checkRepetition).sort(([,a], [,b]) => b -..