코테 문제를 풀다 보면 인자에 대해 약수를 구해야 하는 경우가 자주 나온다그때마다 약수 구하는 함수를 새로 짰는데, 계속 반복해서 같은 코드를 관리하다 보니 너무 귀찮아져서 블로그에 기록해두고 필요할 때 마다 복사해서 사용하려고 한다 😊 일반적인 코드-1부터 n까지 나머지가 0인 값을 더하기const findDivisors = (n) => { var answer = [1]; //1은 모든 수의 약수니까 약수 배열을 1 포함해 만든다 for(let i = 2; i 사람의 사고 방식으로 작성된 코드이다하지만 1부터 n까지 모든 숫자를 검사하기 때문에 시간 복잡도가 O(n)이라 비효율적이다. 더 효율적인 코드- 1부터 √n까지만 검사하기const findDivisors = (n) => { ..

GDG 상사 ! GDG(Google Developer Gorup)에서 신입사원을 모집했다! 이게 무슨 행사냐면, 하루동안 관련 직무 인턴이 되어서 멘토와 함께 업무 프로세스를 수행하며 배우는 시간이었다. https://festa.io/events/5520 GDG상사 | Festa!Festa에서 당신이 찾는 이벤트를 만나보세요.festa.io[이런 이벤트를 준비했어요] A. GDG상사에서 주어진 과제 : As is -> To be 상사와 함께 팀을 이뤄 3가지 중 하나의 과제를 제미나이를 활용해 GDG상사를 발전시켜주세요 과제1. 지디지마켓 중고 거래 불가 물품을 판별해서 리스크를 줄이자! 과제2. 지디지마켓 중고 거래를 추천해서 전환율을 높이자! 과제3. 지디지마켓에서 알바 신규 비즈니스로 트래픽을 높이..

얼마 전, 학교 교사인 지인에게서 Chat GPT가 생활기록부 작성에 유용하다는 이야기를 들었다.반면, 컴퓨터에 익숙하지 않은 또 다른 교사 지인은(컴맹) 아직까지 생기부를 작성하는 데 많은 스트레스를 받고 있다고 했다. 그래서 이번 글에서는 생기부 작성에 어려움을 겪고 있는 지인을 도와 5초 만에 Chat GPT로 생기부를 작성하는 방법을 소개하려고 한다. 시작합니다! 1. chatGPT에 접속한다. 그리고 왼쪽 사이드바에서 GPT 탐색을 누른다  2. 그러면 다양한 GPT를 탐색할 수 있다 3. 여기서 검색창에 '생활기록부'를 검색한다 4. 아무거나 클릭하고 채팅 시작을 누른다어차피 생기부 지피티 다 거기서 거기다  5. 학생에 대한 키워드를 적는다. 그러면 생기부 형식에 맞게 답변을 해준다  끝!!..

문제상황 Next.js 환경에서 페이지를 구현하고 있었다모든 코드에서 문제 없는데, localhost에 접속하니 이런 build error가 떴다 You'r importing a compoenet that needs useState. It only works in a Client Component but none of its parents are marked with "use client", so they're Server Components by default.Learn more: https://nextjs.org/docs/getting-started/react-essentials 에러 메세지를 읽어보니 useState를 쓰려면 use client를 명시해야 한다고 한다  해결 방법 해결 방법은 간단하..

✏️ 한 줄 설명동아리 홈페이지를 React+Next.js+schadcn/ui 를 이용해 개발중인데, Card content에 넣은 이미지가 불러와지지 않는 문제를 next.js의 Image 태그로 해결한 이야기를 기록해본다   문제 상황Next.js + shadcn/ui 를 이용해서 개발중인데, card 컴포넌트 사용시 card contents에서 이미지가 안 불러와지는 오류가 발생했다 코드를 살펴보자 1.우선 이렇게 코드 맨 위에 이미지를 import 했다 2.그리고 카드 배열을 만들었다 3.마지막으로 Card 컴포넌트의 CardContent 부분에 img 태그로 scr={card}로 붙여넣었다 그럼 문제가 뭐였는지 자세히 살펴보자  트러블 슈팅문제는 이미지가 StaticImageData 타입이라 과..

문제 상황팀원이 코드를 작성함(teamBranch 브랜치)나도 동시에 코드를 작성함(clice 브랜치)팀원이 pr하고 main에 머지를 함(teamBranch-> develop)나는 중간에 코드를 짜고 있으니 pull develop 을 안 함이 상황에서 pull develop 안 하고,(clice -> develop)에 pr을 하면 충돌날 수 있을까? 상의 없이 같은 폴더를 건들여서 무조건 충돌이 날 수 밖에 없더라ㅠㅠ그래서 팀원이 수정한 코드로 해당 폴더를 변경하고, 충돌 자체는 해결했다그리고 나서 다시 pull 을 받아오려고 하는데, 또 오류가 났다!! git pull origin developFrom https://github.com/IT-Pick/IT-Pick-Frontend* branch dev..

이 트러블 슈팅은 실수로 한 커밋을 취소하고 이전으로 되돌릴 때, 잘못된 병합을 되돌릴 때, 잘못된 리베이스를 되돌릴 때,  실수로 파일을 삭제하거나 변경했을 때 등등 이전 상태로 되돌려야 할 때 적용할 수 있는 해결 방법이다  문제 상황다음은 rebase를 통한 해결에 대한 설명이다충돌이 발생하면 충돌 해결 후 재배치(rebase)를 계속합니다.협업 시 다른 개발자와 충돌을 줄일 수 있습니다. 나는 지금 충돌이 발생하면 안 되는 상황에 처해져 있었다.충돌 하면 안되니까 `rebase` 를 해야 겠네? 라고 생각했다 내 브랜치에서git pull origin develop2 --rebase를 했다근데 develop2에 있는 코드 전부가 내 브랜치로 오긴 왔는데, 내가 내 브랜치에서 작성해둔 모든 코드가 사..

문제 링크: https://school.programmers.co.kr/learn/courses/30/lessons/120883문제 설명머쓱이는 프로그래머스에 로그인하려고 합니다. 머쓱이가 입력한 아이디와 패스워드가 담긴 배열 id_pw와 회원들의 정보가 담긴 2차원 배열 db가 주어질 때, 다음과 같이 로그인 성공, 실패에 따른 메시지를 return하도록 solution 함수를 완성해주세요.아이디와 비밀번호가 모두 일치하는 회원정보가 있으면 "login"을 return합니다.로그인이 실패했을 때 아이디가 일치하는 회원이 없다면 “fail”를, 아이디는 일치하지만 비밀번호가 일치하는 회원이 없다면 “wrong pw”를 return 합니다.제한사항회원들의 아이디는 문자열입니다.회원들의 아이디는 알파벳 소문..

오늘은 무려 자바스크립트 공식 문서인 MDN에서 금기한 eval 함수에 대해 알아보자  프로그래머스 문제얼마 전 프로그래머스 문제를 풀고 있었다 ( 문제 링크: https://school.programmers.co.kr/learn/courses/30/lessons/120902 )대충 문자열로 식이 주어지면, 그 식을 풀고 값을 리턴하는 코드를 작성해야 했다  어려운 문제는 아니라서 아래와 같이 코드를 작성했고 통과를 했다 내가 작성한 코드const solution=(my_string) => { let a=my_string.split(' ') //공백을 기준으로 문자열을 나눴다 let answer=Number(a[0]); //answer은 배열[0] 값, 즉 첫번째 숫자이다 for(let..

문제상황 크롬을 이용해 웹으로 피그마 파일을 자주 열었는데 어느 순간부터 피그마 파일이 안 열렸다 Uh oh... we can't open that fileWe can't open this file because WebGL isn't supported, or is disabled, in your browser. If your browser supports WebGL, check out this help article to find out how to enable it. 이런 메세지가 뜨면서 자꾸 안 열렸다 처음에는 캐시를 삭제하고 브라우저 재시작을 해보았지만 문제가 해결되지 않았다검색을 해보니 해결 방법이 의외로 간단했다  에러 메세지를 읽어보니 Web GL 을 활성해주라고 뜬다아래 단계를 차근차근 따라..

문제상황 얼마 전 프로젝트 기본 구조를 세팅할 일이 있었다우클릭-> 폴더 이름 작성 -> 엔터 하는 과정을 반복하며열심히 폴더를 만들었다그런데, 폴더 구조를 세팅 다 해서 commit 을 하니 noting to commit 에러가 떴다On branch main Your branch is up to date with 'origin/main'. nothing to commit, working tree clean 난 분명 폴더를 열심히 만들었는데? 변경 사항이 있는데? 왜 비교할게 없다고 뜨는 걸까 알고보니 git에서는 기본적으로 비어있는 폴더를 추적하지 않기 때문에, 폴더만 만든 상태에서는 아무것도 커밋 할 게 없다고 나오는 것이었다  해결방법 해결방법은, 비어있는 폴더에 .gitkeep 이라는 파일을 추가..

노트북에서 바로 이미지를 첨부했을때 이미지 크기 조절하기 옵시디언에서 이미지를 바로 첨부하면 위키 링크 형식으로 이미지가 삽입된다. 바로 아래처럼 이미지가 첨부된다 ![[clice.png]] 이미지의 크기를 변경하고 싶다면, 이미지 파일명 뒤에 크기를 지정해주면 된다. 크기를 지정하는 방법은 두 가지가 있다. 기본적으로 방법은 ![[파일명 | 사이즈 ]]형식이라고 알고 있으면 된다 1. 너비만 지정해주는 경우 이 경우 원래 비율에 맞추어 높이는 자동으로 설정된다![[clice.png|100]] 2. 너비와 높이를 동시에 지정해주는 경우이렇게 원하는 대로 사이즈를 지정해 줄 수 있다![[clice.png|100x200]] 이미지 URL 링크 사용하는 경우옵시디언에서는 이미지 URL을 사용하여 외부 이미지를..