코딩의숲

2024년은 개발자로서의 신입딱지를 떼고,진득하게 한가지 프로젝트에 올인하는 해 였다. 신입에서 벗어났다고는 하지만, 업무에서의 우여곡절이 많았기에 이를 회고해 보고자 한다.   1. 상반기(1~6월) 상황 js 와 vue.js의 문법 등을 겨우 익혀놓은 상태 였다. 설계를 보고 자유롭게 코드를 짤 수 있는 실력까지는 안되었다. 그런데도, 운이 좋았던건지 외환 주문 컴포넌트를 작업을 업무로 맡게 되었다. (나름 핵심기능임!) 문제 설계가 이해 가지 않았다.  js 문법은 익혔으나 class문법, 디자인패턴과 같은 심화 공부가 덜 된 상태였다.컴포넌트 자체가 워낙 복잡해 어떻게 분기처리를 해야 할지에 대해 막막 했다.설계가 추가되고, 수정되고, 보완되는 작업이 끊임없이 이루어졌기 때문에 옳게 작업을 했어도..

문제설명정수가 담긴 리스트 num_list가 주어질 때, 모든 원소들의 곱이 모든 원소들의 합의 제곱보다 작으면 1을 크면 0을 return하도록 solution 함수를 완성해주세요.  풀이 과정  reduce를 쓰  나의 풀이function solution(num_list) { let square = num_list.reduce((acc, num) => { return acc * num; }); let sumAndSquare = num_list.reduce((acc, crr) => { return acc + crr; }); sumAndSquare = sumAndSquare**2; return square    best 풀이f..

1.'q'가 입력될 때까지 입력한 문자를 계속 출력하는 프로그램을 작성해보자. function solution(...params) { let index = params.indexOf('q'); const removed = params.splice(index); console.log(params); } solution('x', 'b', 'k', 'd', 'i', 'q', 'a', 'c'); 배열로 출력된다. rest 파라미터가 매우유용한 것같다. indexOf 는 특정 값과 일치하는 '첫번째' element의 index 값을 반환한다. 그런데, 찾으려는 값이 없을 때는 -1을 리턴한다.(배열의 인덱스는 0부터 시작하므로) splice는 배열에서 특정 인덱스 값을 가진 요소를 제거하는 역할을 한다.splic..

code up 에는 js 문제가 없지만 js 버전으로 치환해서 풀어보도록 한다. 그래도 뭐 별문제 없어보임. 오늘의 문제. 1. 삼항연산자를 이용해서 정수 3개 입력받아 가장 큰 수 출력하기 function solution(n, m, l) { var result = (n > m) ? n : m; result = (result > l) ? result : l; console.log(result); } solution(1, 91, 0); 근데 뭔가.................................. 좀 이상한 것 같다. 왜냐하면, 파라미터로 세개를 받아왔으니 두번 비교를 해서 출력하긴 했는데, 만약에... 파라미터가 한 200개 된다면.. 우짜지..? 그렇게 코드를 짜는 경우가 있을까만은........

객체를 가지고 놀아보자. 객체의 key나 value 등등을 배열로 어찌저찌 담는데 목적이 있다. 1. Object.keys() Object.keys는 객체의 key를 순서대로 배열에 담아서 반환해준다. var object = { Red : 5, Orange : 4, Green : 3, Blue : 2, Yellow : 1 }; var objectKeys = Object.keys(object); console.log("🚀 ~ file: codeup.html:158 ~ objectKeys:", objectKeys); ** 출력내용 ** 2. Object.values() 그렇다면 Object.values()는 value만 배열에 담아주겠지? var object = { Red : 5, Orange : 4, Gr..

최근 처음보는 문법(?)을 만났다. 조건문이 아닌 것 같은데 js 구문에 ?. 가 포함되어있는 것. 최근에 추가된 js 문법구조체 라는 것을 알게 되었다. 1. ?. 의 의미 - 프로퍼티가 없는 중첩객체를 에러 없이 안전하게 접근 할 수 있도록 하는 문법 구조체이다. - 쉽게 말하면 null, undefined 값으로 읽혀 error메시지가 뜨는 상황을 undefined로 처리하여 에러메시지 없이 처리할 수 있도록 해주는 것이다. 예시를 보자. let values = null; console.log(values.value); console.log('hello'); values 라는 변수에 임의로 null 값을 넣었다. 그런데, 내가 values라는 객체에 있지도 않은 value 키값을 읽어와 달라고 하면..