프론트엔드 개발을 시작하고 node.js를 설치한 후, react를 사용하다 보면 꼭 만나게 되는 두 명령어가 있습니다:바로 npm과 npx입니다."둘 다 이름이 비슷한데 뭐가 다른 거지?", “둘 다 패키지를 설치하고 실행하는 거 아냐?”라고 생각하기 쉽지만,햄스터와 갱스터가 비슷하지만 성격이 전혀 다르듯이이 둘은 역할부터 동작 방식, 사용하는 목적까지 다르며, 번갈아가며 사용하는 경우가 많아 이번기회에 정리하고자 합니다.npm npm | HomeBring the best of open source to you, your team, and your company Relied upon by more than 17 million developers worldwide, npm is committed to m..

웹캠 동작 확인먼저 배포하기 전에 친구한테 웹캠이 있다고 해서 빌려서 모델 테스트를 해봤는데 스마트폰으로 꽃 사진들을 검색해서 인식시켜 봤다,신기하게도 잘 인식하는 것을 확인 - 뿌듯하다API 명세서저번에 flask로 yolov5 모델을 API화 했는데 간단한 API 명세서를 작성해 봤다.크게 3가지 기능[ 상태확인, 이미지요청, 이미지를 분석한 json 데이터요청 ]ID기능 요청방식URLbodyresponse설명F1서버 상태 확인GET/없음JSON서버 동작 여부 확인F2이미지 예측POST/predictmultipart/form-data, image 필드image/jpeg추론된 결과 이미지 반환F3이미지 예측 (JSON)POST/predict-jsonmultipart/form-data, image 필드J..

AI 모델의 성능(인식률)을 높이는 방법에는 여러 방법이 있지만 나는 가장 간단한 방법 2가지를 사용했다그전에 모델 성능 지표를 간단하게 확인할 수 있는 F1 Score Curve를 알아보자의미: 재현율(Precision)과 정밀도(Recall)의 조화 평균을 나타낸 곡선높을수록 좋은 성능을 의미하며, 일반적으로 1에 가까울수록 좋다사용자의 그래프 분석:점수가 낮거나 들쭉날쭉하면 Precision과 Recall 사이에 균형이 맞지 않음보통 0.8 정도의 수치가 나오면 좋은 성능을 가진 모델이라고 할 수 있음F1 점수가 일정하게 높으면 모델의 균형이 잘 잡힌 것데이터셋 품질 및 수량 향상 Flower Classification Object Detection Dataset (v5, 2024-12-14 11..

졸업작품으로 언젠가 해보고 싶었던 AI 모델학습을 직접 해보기로 했음!작년에 선배들 졸업작품 전시회랑 학술제들을 둘러보다가 YOLO라는 이미지 기반 AI모델을 활용해 모델학습을 시켜서사용자 이미지에 매핑하는걸 처음 봤는데 엄청 신기했던 거임잘만 사용하면 웹캠이나 cctv 같은 거에 연동해서 사물인터넷이나 실사용 시스템을 만들 수도 있겠다 싶었음실제로 모델학습에 대한 공부 없이 노 베이스로 박치기해보려고 했는데 유튜브랑 다른 블로그 글 이것저것 봐도 google coleb을 주로 많이 쓰던데, 로컬 pc에서 GPU 써가지고 직접 학습시키는 내용은 많이 없었음계획하고 있는 졸작이 학습한 모델로 백엔드서버랑 연동해서 웹사이트까지 만드는 거라그냥 로컬에 갖고 있으면서 돌리는 게 편할 듯했음 colab.googl..

여러 명이서 팀을 짜고 개발할 때 git을 사용하는 경우가 대부분인데개발자 전원이 맘대로 브랜치를 파고 merge 하는 방식의 협업방식은 너무 복잡해지고 누가 어떤 부분을 개발했는지 추적하는 게 까다로워진다는 단점이 크다.그래서 git branch 나 git merge를 깔끔하게 할 수 있는 브랜치 전략? 방법? 이 있는데 대표적으로 GitFlow가 있다.GitFlow는 릴리즈 기반의 개발 프로세스에 적합한 전략이며, 주요 특징은 여러 장기간의 브랜치를 사용하여 기능 개발, 릴리즈 준비, 그리고 긴급 수정(hotfix) 등을 분리해 관리한다. 우린 Git-flow를 사용하고 있어요 | 우아한형제들 기술블로그안녕하세요. 우아한형제들 배민프론트개발팀에서 안드로이드 앱 개발을 하고 있는 나동호입니다. 오늘은 ..

랜더링이란?렌더링은 코드를 브라우저가 이해할 수 있는 HTML로 변환하는 과정을 의미한다. 쉽게 말해, 개발자가 작성한 코드를 사용자가 볼 수 있는 웹 페이지로 바꾸어 주는것을 의미!CSR(Client Side Rendering)약자 그대로 해석하면 된다, 렌더링이 클라이언트(브라우저)에서 이루어지는 방식이다.즉, 서버는 요청을 받으면 클라이언트에 HTML과 JS를 보내줌. create-react-app 으로 생성한 보통의 react 파일은 브라우저 단에서 모든 rendering 작업을 수행해야 한다는 뜻 이 방식에는 단점이 있는데실제로 유저가 페이지에 맨 처음 접속한 시점에는 빈 화면이 나온다..!왜냐하면 브라우저의 JavaScript 엔진에 의해 rendering 되는데 시간이 걸리기때문이다.새로고침..

2025-01-29 정보처리기사 필기 모의고사 오답노트시나공 정보처리기사 필기 CBT 03회https://www.sinagong.co.kr/cbt/001001001/exams- 1과목 소프트웨어 설계 -5. 설계 기법 중 하향식 설계 방법과 상향식 설계 방법에 대한 비교 설명으로 가장 옳지 않은 것은?1) 하향식 설계에서는 통합 검사 시 인터페이스가 이미 정의되어 있어 통합이 간단하다.2) 하향식 설계에서 레벨이 낮은 데이터 구조의 세부 사항은 설계 초기 단계에서 필요하다.3) 상향식 설계는 최하위 수준에서 각각의 모듈들을 설계하고 이러한 모듈이 완성되면 이들을 결합하여 검사한다.4) 상향식 설계에서는 인터페이스가 이미 성립되어 있지 않더라도 기능 추가가 쉽다.[정답:4번]상향식 설계는 하위 모듈에서 ..

2025-01-27 정보처리기사 필기 모의고사 오답노트시나공 정보처리기사 필기 CBT 02회 https://www.sinagong.co.kr/cbt/001001001/exams한시간정도 걸려서 풀었고 합격은 했는데 찍어서 맞춘 문제가 조금 있는듯함- 1과목 소프트웨어 설계 -1. UML 다이어그램 중 순차 다이어그램에 대한 설명으로 틀린 것은?1) 객체 간의 동적 상호작용을 시간 개념을 중심으로 모델링하는 것이다.2) 주로 시스템의 정적 측면을 모델링하기 위해 사용한다.3) 일반적으로 다이어그램의 수직 방향이 시간의 흐름을 나타낸다.4) 회귀 메시지(Self-Message), 제어블록(Statement Block) 등으로 구성된다. [정답:2번]순차 다이어그램(Sequence Diagram)은 시간의 ..