내 포트폴리오를 기획/디자인부터 개발까지 해보자 #1
·
Project
글을 시작하며학기 중 ‘멋쟁이사자처럼’ 프론트엔드 세션을 진행하던 중, 운이 좋게도 디자인 세션에 참여할 기회가 생겨 한 학기 동안 듣게 되었다.디자인 세션 운영진분이 열정적이고 자세하게 설명해주셔서 처음 디자인이라는 것을 배우는 나도 부담 없이 따라가며 배울 수 있었고, 피그마나 디자인이 처음이다 보니 동아리원들과 웃긴 상황이 많이 나와서 재미있게 세션을 진행할 수 있었던 것 같다.기획3주차에 진행했던 기획은 멋쟁이사자처럼 아이디어톤 주제 및 프로젝트를 기획했다. 내가 기존 진행했던 프로젝트의 기획은 팀원 모두가 모여 브레인스토밍으로 타겟층을 정하고 주제를 정하고~ 이 기능을 구현하고~ 같은 느낌이었다면 자세하게 글로 기획안 명세를 작성하는 경험은 처음이라 쉽지 않았다.위처럼 기획 명세서에는 배경, 문..
npm과 npx는 뭐가 다를까?
·
Dev
프론트엔드 개발을 시작하고 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..
YOLOv5 Custom Training : Docker to AWS EC2 deploy #3
·
Dev
웹캠 동작 확인먼저 배포하기 전에 친구한테 웹캠이 있다고 해서 빌려서 모델 테스트를 해봤는데 스마트폰으로 꽃 사진들을 검색해서 인식시켜 봤다,신기하게도 잘 인식하는 것을 확인 - 뿌듯하다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..
YOLOv5 Custom Training : 모델 성능 끌어올리기 + Flask backend 연동 #2
·
Dev
AI 모델의 성능(인식률)을 높이는 방법에는 여러 방법이 있지만 나는 가장 간단한 방법 2가지를 사용했다그전에 모델 성능 지표를 간단하게 확인할 수 있는 F1 Score Curve를 알아보자의미: 재현율(Precision)과 정밀도(Recall)의 조화 평균을 나타낸 곡선높을수록 좋은 성능을 의미하며, 일반적으로 1에 가까울수록 좋다사용자의 그래프 분석:점수가 낮거나 들쭉날쭉하면 Precision과 Recall 사이에 균형이 맞지 않음보통 0.8 정도의 수치가 나오면 좋은 성능을 가진 모델이라고 할 수 있음F1 점수가 일정하게 높으면 모델의 균형이 잘 잡힌 것데이터셋 품질 및 수량 향상 Flower Classification Object Detection Dataset (v5, 2024-12-14 11..
정보처리기사 실기 - Application Test
·
Computer
2025년도 4월에 정보처리기사 실기를 보고 왔음, 일주일정도 공부하고 20문제중에 11문제 맞고 6개 틀렸다근데 나머지가 3문제가 코드문제였는데 답을 뭐로 썼는지 기억이 안남;; 아슬아슬하게 합격 못할수도 있으니ㅠㅠ20년도 개정 후에 기출문제들 다 풀어보고 갔는데 코드가 그렇게 어렵지 않았어서 이론을 엄청 공부하고 갔는데난 몰랐지.. 암기가 쉽게나오고.. 낚시 코드가 많이나오고... 코드문제가 엄청 어렵게 나올 줄...혹시모를 재수를 위해, 뭔가 두고두고 써먹을거같은것들은 정리해둡시다.🦭 소프트웨어 테스트의 필요성오류 발견(Error Detection) : 소프트웨어의 결함을 조기에 발견하기 위함오류 예방(Error Prevention) : 잠재적인 문제를 미리 방지하기 위함품질 향상(Quality..
YOLOv5 Custom Training : GPU로 Roboflow 데이터셋을 학습시켜보자 (window11, RTX3060Ti) #1
·
Dev
졸업작품으로 언젠가 해보고 싶었던 AI 모델학습을 직접 해보기로 했음!작년에 선배들 졸업작품 전시회랑 학술제들을 둘러보다가 YOLO라는 이미지 기반 AI모델을 활용해 모델학습을 시켜서사용자 이미지에 매핑하는걸 처음 봤는데 엄청 신기했던 거임잘만 사용하면 웹캠이나 cctv 같은 거에 연동해서 사물인터넷이나 실사용 시스템을 만들 수도 있겠다 싶었음실제로 모델학습에 대한 공부 없이 노 베이스로 박치기해보려고 했는데 유튜브랑 다른 블로그 글 이것저것 봐도 google coleb을 주로 많이 쓰던데, 로컬 pc에서 GPU 써가지고 직접 학습시키는 내용은 많이 없었음계획하고 있는 졸작이 학습한 모델로 백엔드서버랑 연동해서 웹사이트까지 만드는 거라그냥 로컬에 갖고 있으면서 돌리는 게 편할 듯했음 colab.googl..
gitHub Personal access tokens (classic) 재발급, gitHub Action 업데이트
·
Project
멋쟁이사자 동아리 모집 홈페이지 프로젝트 협업 중 gitHub Action을 사용했던 적이 있는데 [Project] 멋쟁이사자처럼 아기사자 모집 사이트 Frontend방학 동안 우체국 다니고 일본여행 다니고 하느라 바빠서 오랜만의 개발 현황이번 학기부터 강남대학교 멋쟁이사자처럼 동아리 프론트엔드 운영진 파트를 맡았는데 신입 부원 모집 사이트를neogul02.tistory.comOrganization 레포지토리를 내 개인 레포지토리로 자동 포크해서 Vercel로 빌드해 주는 방식으로 CI/CD 파이프라인을 구축했었는데갑자기 main branch에 merge 해도 이 녀석이 빌드도 포크도 안 되는 문제가 발생...코드 오륜가 싶어서 삽질 한 5분 하다가 스쳐 지나가듯 gitHub에서 무슨 이메일이 왔던 거 ..
HTTP/HTTPS
·
Computer
HTTP가 뭔가요?HTTP(Hypertext Transfer Protocol)는 클라이언트(웹 브라우저)와 서버가 데이터를 주고받기 위한 통신 규약웹 문서, 이미지, 음성, 영상, 파일, JSON, XML 등 거의 모든 형태의 데이터를 전송함URL로 접속할 때 http://로 시작하면 해당 주소의 데이터를 HTTP 통신 규약에 따라 주고받는 것을 의미함서버 간에 데이터를 주고받을 때 대부분 HTTP라는 프로토콜을 사용해서 통신한다고 보면 된다. 예를 들어 인터넷 주소를 지정할 때 http://www.naver.com와 같이 시작하는 것은 www.naver.com이라는 인터넷 주소가 가진 데이터 정보 등의 교환을 HTTP의 통신 규약대로 처리하라는 것을 의미한다고 볼 수 있다.그럼 HTTP랑 HTTPS의 ..