나는 프론트엔드는 Next.js, 백엔드는 Nest.js로 웹 개발을 진행했다.  풀스택? 을 가능하게 한 AI에게 무한한 감사 인사를 드리고 시작한다. 요즘 AI에 대한 부정적 인식과는 다르게 나는 AI에 대하여 아주 긍정적 & 낙관적 인식을 가지고 있다. '이번 AI 만큼은 삶의 파괴를 가져올 것이다 ' 는 말이 안된다고 생각한다.  지난 두려움을 생각해보자. - 산업혁명 (러다이트 운동: 기계가 일자리를 뺏는다는 이유로 기계 파괴)- 자동차 시대 (말과 마차를 생업으로 삼던 사람들 생계 위협, 도시의 소음과 대기 오염 증가에 대한 우려)- 인터넷 등장 - 스마트폰의 보급  변화는 언제나 두렵지만, 늘 반갑다.  초개인화된 사회에서 AI는 더욱이 필요하다. 각자도생이 된 사회에서 AI는 희망이다.. ..

React Query 에서 제공하는 Query Invalidating에 대해서 정리하려고 한다. 너무 유용하다 !!!!  특정 함수가 실행될 때, 다른 컴포넌트에서 사용중인 쿼리를 자동으로 갱신하게 만드는 기능이다.  예를 들어, 사용자의 point를 update 하는 함수가 있다. (post 함수)그때마다 화면에 보이는 사용자의 point는 바뀌어야 한다. (get 함수) updateUserPoints : 사용자의 point를 update 하는 함수userPoints: 다른 컴포넌트에서 사용중인 쿼리   useMutation의 onSuccess 콜백을 사용해서, updateUserPoints가 성공적으로 실행된 후 userPoints 쿼리를 갱신하도록 설정한다.  + useQueryClient 훅을 사..

REF아래 블로그를 참조하여, 고쳐야 할 부분을 수정해보았다. https://velog.io/@dnr6054/fe-interview-JavaScript 면접 준비 노트 (JavaScript)Designed with Figma.velog.io   Q. 자바스크립트는 무슨 언어인가요? 웹 개발을 위한 대표적인 인터프리터 언어로, 동적 프로토타입 기반의 객체지향 언어입니다. 주로 클라이언트 측에서 사용되지만,Node.js 등의 런타임 환경에서는 서버 측에서도 사용할 수 있습니다. 또한 자바스크립트는 명령형, 함수형, 객체 지향 프로그래밍이 모두 가능한 멀티 패러다임 언어 입니다.  + 인터프리터 언어: 코드를 컴파일 없이 실행환경에서 바로 해석하고 실행합니다. 동적 타이핑: 변수의 데이터 타입을 명시하지 않아..

REF 아래 블로그 질문과 답을 참고하였고,제 나름대로 핵심을 담고, 말을 다듬는 수정하는 과정을 거쳤습니다.너무 많은 도움이 되어 감사합니다.  https://hoons-dev.tistory.com/95#%F-%-F%--%A-%--%EB%A-%--%EB%AA%A-%EB%A-%AC%EC%-D%--%--%ED%-E%--%--%EC%--%--%EC%--%AD%EA%B-%BC%--%EC%-A%A-%ED%--%-D%--%EC%--%--%EC%--%AD%EC%-D%--%--%EC%B-%A-%EC%-D%B-%EC%--%--%--%EB%-C%--%ED%--%B-%--%EC%--%A-%EB%AA%--%ED%--%B-%EC%A-%BC%EC%--%B-%EC%-A%--- Q. OS(운영체제)가 무엇인지 설명해주실 수 있나요..

문제 출처 https://www.acmicpc.net/problem/2138 정답 풀이 브루트포스와 그리디를 함께 이용한다. 첫번째 스위치를 클릭하는 경우와 클릭하지 않는 경우를 각각 확인한다.  풀이 접근 1. 첫번째 스위치 클릭 기준 :첫번째 전구의 상태를 바꾸면 나머지 전구의 상태도 다르게 변화하기 때문에 이를 기준으로 삼는다.  2. 그리디 :첫번째 스위치 선택 이후에는 두번째부터 차례대로 조작을 결정하여 목표 상태와 맞추어 나간다.  정답 코드 const fs = require('fs');const input = fs.readFileSync('/dev/stdin').toString().trim().split('\n');const n = Number(input[0]);const initial = ..

문제 출처 https://www.acmicpc.net/problem/17281 정답 풀이  - 순열 함수로 타순을 정한다. - 정한 타순으로 모든 이닝을 거친 후의 점수를 구한다. - 각 점수중 최댓값을 출력한다.  정답 코드 //9명 //총 N이닝 //한 이닝에 3아웃 발생 => 종료 //타순 정함 (변경 x)//이닝 안끝났으면 다시 1번 타자 //이닝이 변경되도 이어서 타순 //이닝 시작할 때 주자 x //타순 정할 것 //1번 선수를 4번 타자로 미리 결정함 //return 가장 많은 득점let input = require('fs').readFileSync('/dev/stdin').toString().trim().split('\n'); const n = Number(input.shift()) con..

문제 출처 https://www.acmicpc.net/problem/17135 정답 풀이  simulation 함수는 주어진 궁수 배치에서 적을 제거하는 과정을 시뮬레이션하고, 제거된 적의 수를 반환합니다.combination 함수는 M열 중에서 3개의 궁수 위치를 선택하는 모든 경우의 수를 계산합니다.simulation에서 궁수의 사정거리에 있는 적을 탐색하고, 가장 가까운 적을 우선순위에 따라 공격합니다.시뮬레이션 결과를 바탕으로 궁수 배치 중 적을 가장 많이 제거할 수 있는 경우를 탐색합니다. 정답 코드 const fs = require('fs');const input = fs.readFileSync('/dev/stdin').toString().trim().split('\n');const [N, M..

결과 가뜩이나 우수수 회사 떨어지는 중인데,,, 꼭, 이거까지 떨어져야겠어? ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ이런 추첨까지 떨어지는게 웃기다. 웃프다 ~~ !  그래도 이 글을 올림으로써, 내가 컨퍼런스에 관심을 갖고 있고, 앞으로도 많은 기회를 잡고, 성장하겠다는 다짐을 한다. 아쟈뵤

문제 상황 회원가입 파일에서 아이콘을 가져오는 코드만 6줄이 된다. 코드 가독성을 해친다는 생각을 했다. 이를 해결하기 위해  아이콘을 별도의 컴포넌트로 분리하기로 했다.  아이콘 컴포넌트로 분리아이콘 컴포넌트를 아래와 같이 작성했다. 해당 파일에는 아이콘 관련 코드를 모아둘 것이다.   그러면 회원가입 파일에서는, 어떤 아이콘 관련 코드 없이, 적합한 아이콘을 불러올 수 있게 되었다.

에러 메시지  'string' 형식의 식을 '{ school: IconType; grade: IconType; username: IconType; userid: IconType; password: IconType; repassword: IconType; nickname: IconType; }' 인덱스 형식에 사용할 수 없으므로 요소에 암시적으로 'any' 형식이 있습니다.'{ school: IconType; grade: IconType; username: IconType; userid: IconType; password: IconType; repassword: IconType; nickname: IconType; }' 형식에서 'string' 형식의 매개 변수가 포함된 인덱스 시그니처를 찾을 수 없습니다..