코딩의숲

npm 인스톨 명령어는 npm i -g @continuedev/clicn 명령어를 사용해서 실행하면 어떤 AI를 사용할지 설정하라고 함$ cn How do you want to get started? 1. ⏩ Log in with Continue 2. 🔑 Enter your Anthropic API key 1. Log in with Continue -> continue 서버에 로그인Continue 계정 ↓ Continue Hub ↓ Claude / GPT / Gemini 연결 2. 직접 Claude API를 연결Continue CLI ↓ Anthropic API ↓ Claude==지금은 내부망 서버에 연결을 해서 쓸 것이고모델도 다른 모델을 사용 하고 있기 때문에 다른 방식으..

얼마전에 2026 월드 IT 쇼를 다녀왔다.스타트업 부스를 중심으로 돌아다니면서 팜플렛 몇개를 모았고, 컨퍼런스도 들었다. 나는 금융권 SI 에서 개발 하고 있고,2025년 1분기 부터 2026년 1분기 까지를 은행의 폐쇄망 환경에 수감(?) 되어있었다보니AI가 실제로 어떻게 활용되고 있는지 감각이 점점 흐려지고 있었다. 물론 나도 한달에 얼마씩 gpt에게 친구비를 지불하고 있고,외부망 pc로 귀한 코드를 받아다가 내부망 pc에 받아쳐서라도 ai를 사용했었지만미디어나 각종 sns 에서 사람들이 말하는 ai는 그 수준이 아닌 것만 같았다. 무언가 다른 시대가 열리고 있는 것 같았고,이제 막 폐쇄망 환경에서 출소한 나는 이 흐름에 빠르게 올라타야만 할 것 같았다. 그래서 이번에는 단순히 구경만 하는 것이 ..

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

1. 문제 (과제, 프로젝트를 진행하면서 부딪혔던 기술적인 문제) 이번 주차를 지나며 겪었던 문제가 무엇이었나요?- 과제는 해결을 했는데, 테스트를 통과하지 못하는 현상이 있었음- 테스트 스크립트를 통과하기 이전에 랜더링이 되어야 하는데 그 부분이 안되었다..라고 생각함..- 그러다 보니 과제의 의도를 잘못파악했나? 하는 생각이 들었음(동작이 된는데 테스트를 통과 못한다는게 이상해서) 2. 시도 문제를 해결하기 위해 어떤 시도를 하셨나요?- 팀모임 때 궁금한 점들을 공유하면서 힌트를 얻음 3. 해결 문제를 어떻게 해결하셨나요?- 챗지피티를 통해 코드작성에 대한 도움을 얻음- 다른 사람들의 코드를 참고하기도 함 4. 알게된 것 문제를 해결하기 위해 시도하며 새롭게 알게된 것은 무엇인가요?- fetch로 h..

문제설명 정수가 담긴 리스트 num_list가 주어집니다. num_list의 홀수만 순서대로 이어 붙인 수와 짝수만 순서대로 이어 붙인 수의 합을 return하도록 solution 함수를 완성해주세요.   나의 풀이function solution(num_list) { let string1 = ''; let string2 = ''; num_list.forEach((el, idx) => { if(el % 2 == 0) { string1 += String(el); } else { string2 += String(el); } }); return Number(string1) + Number(string2);} ..

문제설명정수가 담긴 리스트 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부터 6까지 숫자가 적힌 주사위가 세 개 있습니다. 세 주사위를 굴렸을 때 나온 숫자를 각각 a, b, c라고 했을 때 얻는 점수는 다음과 같습니다. 세 숫자가 모두 다르다면 a + b + c 점을 얻습니다. 세 숫자 중 어느 두 숫자는 같고 나머지 다른 숫자는 다르다면 (a + b + c) × (a2 + b2 + c2 )점을 얻습니다. 세 숫자가 모두 같다면 (a + b + c) × (a2 + b2 + c2 ) × (a3 + b3 + c3 )점을 얻습니다. 세 정수 a, b, c가 매개변수로 주어질 때, 얻는 점수를 return 하는 solution 함수를 작성해 주세요.  풀이 과정 뭔가 깔쌈하게 풀고싶었는데 잘 안됐다.....각 조건을 변수에 담아서 분기처리 하고...식도 변수에 담아서 ..

문제설명  두 정수 a, d와 길이가 n인 boolean 배열 included가 주어집니다. 첫째항이 a, 공차가 d인 등차수열에서 included[i]가 i + 1항을 의미할 때, 이 등차수열의 1항부터 n항까지 included가 true인 항들만 더한 값을 return 하는 solution 함수를 작성해 주세요.   풀이 과정included 가 배열의 형태로 들어오니까 이 배열을 기준으로 forEach를 돌리면 되겠다....고차배열 함수를 쓸 수는 없는걸까? 하는 고   나의 풀이function solution(a, d, included) { var answer = 0; included.forEach((el, idx) => { if(el == true) answer += a + ..

1. argumentsarguments 는 유사배열 객체이다.함수 정의 할 때에 파라미터를 정의 하지 않아도실행문에 파라미터를 넣으면 알아서 배열로 정리 해줌. 배열을 뱉어내는 것처럼 보이지만 사실은 객체라서isArray로 감별해보면 false가 나온다. 그래서 map, filter 같은 고차배열 함수를 적용하려면 array로 한번 바꾼 뒤에 적용해야 한다.   2. Promise.all()Promise.all([promise1, promise2, promise3]) .then((results) => { console.log(results); // 모든 Promise가 성공했을 때 결과가 배열로 반환됨 }) .catch((error) => { console.err..

1. Nullish coalescing operator|| 연산자는 0을 false로 인식한다.그래서 0을 불린값이 아닌 숫자로 인식하고 싶을 때, null 체크를 null과 undefined로만 거르고 싶을 때 || 대신 ?? 를 사용하면 됨.0 || '10'   은 무조건 10 이지만 0 ?? '10' 은 0 이 된다.   2. 배열은 객체다. const arr = [1, 2, 3]; 으로 정의 한 뒤에 arr[' name'] = 4; 하면 그대로 생성이 된다.원래 배열은  key 값이 없으니까 생성되면 안될 것 같은데..뭐 그렇다고 한다.그래서 이렇게 객체처럼 할당된 배열인지 아닌지 여부를 판별해야 할 때가 있는데그때 instanceof(arr)메소드를 쓴다고 한다.이것은 최신 문법이므로 만약 js..