[React] 0. 세팅

우선 자바스크립트 계열들은 vscode 를 많이 쓰기 때문에 vscode 먼저 다운 받고 node.js 까지 받았다는 전제하에 (만약 없다면 .. https://nodejs.org/ko 가셔서 node.js 다운 )( https://code.visualstudio.com/Download 가셔서 vscode 다운) 1. vite  터미널에 2가지 방법으로 프로젝트를 생성 할 수 있습니다 .  첫 번쨰는 npx create-react-app 프로젝트명두 번쨰는 create vite@latest ( 만약 powershell 을 통한 터미널인 경우 npx create-vite@latest ) 둘의 차이는 npx 같은 경우엔 Webpack vite 같은 경우엔 ESBuild 를 사용해서 번들링을 진행하게 되는데 ..

• format_list_bulleted JavaScript/React
• · 2025. 2. 7.
• textsms

나의 신입 개발자 면접

국비 학원에서 Servlet / JSP 프로젝트가 끝나자마자 나는 이력서를 작성했다.  사람인, 잡코리아, 원티드, 잡플래닛 여러 사이트에 이력서를 적어놓고 구로디지털단지, 광화문, 성남, 하남, 강남, 송파 등등 보이는대로 넣었다. 그렇게 100개 이상을 넣었고 시간이 흐르자 전화가 점점 오기 시작했다.  나는 어릴때부터 면접을 많이 봤다.  고등학교 진학, 고등학교 안에서, 한전, 공무원, 대학편입면접 그 동안 면접을 보며 배운건 어차피 합격 못 하면 더 볼 사람은 아니라는 것이었다.  그래서 긴장없이 그냥 나에 대한 자기소개와 기술, 인성 관련 질문들에 대해 대답했던 것 같다(결국 긴장감 없이 질문에 헛웃음까지 지었던 회사들에 합격을 했었다) 어떤 곳은 프로젝트 마감일이 다가오는데 완성을 못 할 경..

• format_list_bulleted 다양한 이야기/나의 코딩 관련 이야기
• · 2025. 1. 21.
• textsms

임베디드와 헤어질 결심

나는 마이크로 프로세서라는 강의를 선택한 이후 반도체에서 임베디드로 넘어가 공부를 했고 졸업작품을 하며 취업 준비를 하는 과정에서 임베디드보다 웹에 대한 채용공고가 많은 것을 보고 웹 개발을 하기로 마음 먹었다.  하지만 웹에 대해 이론도 몰랐고 남들은 유사전공이라 부르지만 코딩 관련 아는 건 임베디드C , 파이썬 , 자료구조 뿐이었다.  결국 역삼역 쪽에 있는 쌍용교육센터에 지원해보기로 했다. 전화하니 줌으로 면접을 볼거니 일정 괜찮냐고 이야기 했다.혹시해서 인터넷에 쳐보니 떨어지는 사람도 있었다. 줌을 통해 지원자 2: 면접관 1로 면접을 봤고 붙어서 해당 국비학원에 다니게 되었다. (같이 본 사람도 붙고 같은 반에서 공부해 아직도 연락을 하고 있다 ;;)  학원을 다니며Java, Oracle, ht..

• format_list_bulleted 다양한 이야기/나의 코딩 관련 이야기
• · 2025. 1. 3.
• textsms

나의 첫 코딩

( 21년도 ~ 23년도 이야기입니다. )나의 첫 코딩나의 첫 코딩은 수강 신청이 망해서 하게 되었다….나는 원래 반도체 쪽 강의를 주로 수강하였으나 수강 신청이 망하고 가져갈 수 있는 전공 강의는 마이크로프로세서였다. 무슨 강의인지도 모르고 그냥 신청했다. 마이크로프로세서그때는 코로나 시절이라 줌을 통해서 실시간 수업을 진행하였다. 첫 시간에 교수님은 "C 언어 기본적인 건 다 아시죠?" 난 몰랐으나 줌이다 보니 말하면 줌 메인 화면이 내 쪽으로 넘어가고 부담스러워서 말하지 않았다. 다행히도 교수님은 변수 선언, 제어문, 반복문 정도까지만 알려주고 본격적으로 마이크로프로세서에 대해 강의를 진행하겠다고 하셨다. 알려주시면서 중간중간 과제로 별찍기, 구구단 같은 문제를 내셨었다. 처음에는 어..

• format_list_bulleted 다양한 이야기/나의 코딩 관련 이야기
• · 2024. 12. 14.
• textsms

[캡스톤디자인] OPENCV - 3 (모라벡의 역설)

이번 캡스톤디자인 프로젝트에서 사용된 프레임워크인 opencv가 해당 프로젝트에서 어떤 역할을 하는지 그리고 어떤 문제점이 있었는지 적으려고 합니다. 이번 프로젝트에서 OPENCV의 역할 이번 프로젝트에서는 OPENCV를 중심으로 모든 알고리즘과 동작이 돌아가게 되어있습니다. 기본 설정 천장에 휴대폰 거치대를 부착한 뒤, 거치대에 카메라를 설치 후 카메라 아래 지점에 트랙을 설치합니다. 휴대폰 카메라가 촬영하는 화면은 IP WEBCAM 앱을 통하여 휴대폰과 같은 와이파이에 접속하여 있는 노트북과 화면을 공유하며, cap 코드에 화면 공유 아이피를 작성하여 코드를 실행하였을 때 휴대폰이 촬영하는 화면을 통해 opencv를 이용할 수 있도록 합니다. OPENCV (좌표 관련) 우선 OPENCV 프레임워크 사..

• format_list_bulleted 프로젝트/캡스톤디자인(졸업작품)
• · 2024. 4. 12.
• textsms

[캡스톤디자인] 동작 방식 - 2 (도망치는 건 부끄럽지만 도움이 된다)

원래는 Astar, Pure Pursuit 알고리즘이나 opencv부터 올리려고 하였으나, 해당 졸업작품의 동작에 대한 설명을 말하고 해야 할 것 같아서 순서를 이렇게 하였습니다. 기존의 아이디어 처음에는 트랙에 벽 부분에 실제로 벽을 세운 뒤 라이다 센서를 탑재한 RC카를 이용해 트랙 전체를 한 번 스캔하여 노트북 상에 트랙의 모습이 뜨도록 한 다음 동작하려고 하였으나, 라이다 센서에서 요구하는 Ubuntu, ROS 등을 깔고 Ubuntu 내부에서 코딩하려 하였으나, LG 그램 노트북으로 하다 보니 그래픽카드가 없어 지도를 그릴 때 너무 랙이 심하고 버벅대는 모습이 나타나며, 코드 또한 이해가 가지 않으며 아두이노에서 실시간으로 지도와 최단 경로 추종을 실시간으로 받아야 한다는 점에서 불편 요소가 너무..

• format_list_bulleted 프로젝트/캡스톤디자인(졸업작품)
• · 2024. 4. 12.
• textsms