Yeonn's 기록하며 성장하는 개발일지 :)

알고리즘 유형: 구현, 정렬, 완전 탐색 function solution(numbers) { const results = []; for (let i = 0; i a - b); } 이중for문을 통해 배열에 있는 요소의 합을 모두 더한 후 results라는 배열에 넣어주고 나서 Set함수를 이용해 중복요소를 제거해 주었ㄷㅏ! 마지막에 오름차순한 answer를 리턴 function sol..

알고리즘 유형: 구현 문자열을 정수로 바꿔주기위해 Number을 사용해서 풀었다. function solution(s) { return Number(s); } **Number와 parseInt의 차이점 Number와 pardeInt의 형변환차이는 Number는 소수점까지 모두 숫자로 형변환을 시켜준다. parseInt는 정수만 형변환을 시킴 Number('1.5'); // 1.5 parseInt('1.5'); // 1 또, Number는 오로지 숫자타입의 문자열만 숫자로 변환. parseInt는 앞글자가 문자열인 경우를 제외하고 앞에 숫자들을 숫자로 반환 Number('1st'); // NaN Number('1'); // 1 parseInt('1st'); // 1 parseInt('st1'); // Na..

function solution(s) { return s.split("").sort().reverse().join(""); } 문자열 재배치를 위해서 split를 통해 배열로 바꾼후, 내림차순을 해주고 마지막에 join을 통해 문자열로 리턴 **윤우님 코드참고 function solution(s) { const result = s .split("") .sort((a, b) => { if (a > b) return -1; }) .join(""); return result; } 나처럼 reverse를 따로 해주는것보다 애초에 내림차순 정렬을 푸는것도 하나의 방법!

이번주에는 꽤 이슈처리를 많이 한 것 같다! (그래봤자 5개,,,ㅎㅎ,,,) 내가 할만한 선에서 이슈할당을 받았고, 잔 버그처리라서 재밌게 할수있었던 것 같다. 하지만 한번에 어프받은 pr이없다,,,😂😂 그 짧은 코드속에서도 부족한점이 많이있었던것 같고 사수님을 통해 많이 배우고있다 코드스타일부터 변수명,,등등 아직 신입이라 지적할부분 투성인것같다 :( 더더 배우고 성장해야지! **9월부터는 제일 중요한파트 마이그레이션이 시작되기때문에 꽤 바쁜한달을 보낼 것 같다. 그래도 큰 이슈가 들어오지 않을까해서 설레는 마음도있다. 지금은 누군가작성한 코드를 찾고 문제파악을 통해 에러해결하는게 전부이지만, 빨리 하나의 페이지를 개발해보고싶다 ! [Learned] 1. 채팅, 조건에 따라 헤더Title 보여주기 2...

이번주는 월요일부터 코로나에걸려 3일정도 공부를 아예하지 못했던 것 같다,, 목요일부터 몸상태가 조금 회복이된 것 같다. [Learned] 1. 알고리즘 스터디를 시작하면서, 프로그래머스Lv1부터 다시풀면서 메서드복습 ! 2. 공통컴포넌트를 건들이지않으면서 props로 조건을주면서 관리하는 방법 3. useLocation을 활용해서 좀 더 깔끔한 코드를 만들어보았다. [Liked] 1. 알고리즘 스터디의 리더님을 잘 만나게되어 정말많은 공부가 되고있다. 2. 한달정도 코테를 쉬니까 감을 다 잃는다는걸 깨닫고, 앞으로 하루에 1문제씩 꾸준히 풀 것 ! 3. 처음으로 이슈할당받아서 배포까지 진행 (처음에 뭐가뭔지 몰라서 많이힘들었다,,아직도 어렵지만 조금씩 적응해나가는중) [Lacked] 1. 쉬운 업무지만..

오늘은 Pick에 대해 예제를 통해 공부를 해봤다. 일반적으로 함수를 정의할때마다 그 함수에 들어가는 인자에따른 interface를 계속해서 정의해주는데, 하나만 정의해놓고 그 안에서 필요한것만 가져다 쓸 수있는 Pick에대해 알게되었다. Pick을 사용하게되면 한번만 정의한 인터페이스안에서 내가원하는 인자만 가져다 쓰면 되기때문에 코드의 가독성이나 길이면에서도 확실히 깔끔해진다 ! interface Product { id?: number; name?: string; price?: number; } 처음에 정의한 인터페이스이다. 함수 fetchProducts 에서는 다 사용할것이지만, 상세정보를 불러오는 함수 displayProductDetail에서는 이름과 id만 사용할것이다. function disp..

function solution(n) { let result = n.toString(3).split("").reverse().join(""); return parseInt(result, 3) } 피드백 적용 function solution(n) { return parseInt(n.toString(3).split("").reverse().join(""), 3); } 메서드만 잘 활용하면 풀수있는 쉬운문제였다! 애초에 result를 선언할필요없이 한줄로 반환도 가능하다.

예전에 한번 봤었는데, 회사 코드분석을 하다가 자주 보이길래 다시한번 정리해두려고 한다. ref전달은 컴포넌트를 통해, 자식 중 하나에 ref를 자동으로 전달하는 기법이다. 함수컴포넌트는 인스턴스가 없기때문에 함수 컴포넌트에 ref 어트리뷰트를 사용할 수 없다. 그렇다면 ref를 통해 함수 컴포넌트를 직접 제어하는건 완전히 불가능할까? React.forwardRef 이때 이걸 활용 할 수가 있다. forwardRef를 활용하면 부모 컴포넌트로부터 하위 컴포넌트로 ref를 전달할 수 있다. (전달받은 ref는 HTML요소의 속성으로 전달)