나는 2년간 AI 회사에서 기획과 관리를 담당했다. 그곳에서 머신러닝과 딥러닝을 활용한 비전과 소음 관련 기업에서 필요로 하는 여러 프로젝트의 시작과 끝을 경험할 수 있었지만 개발자들과 소통할 때마다 기술을 깊이 이해하지 못해 답답함을 느낀 끝에 결국 개발 학습의 동기가 되어 최근 5개월간의 웹 개발 부트캠프에 참여했다. 디지털 트윈 부트캠프에서는 Vue, Express를 비롯한 웹개발관련 지식과 MQTT와 아두이노 등 공장의 디지털 트윈구축에 필요한 여러 기술들을 배웠다.기본적인 웹 애플리케이션을 만들어보며 개발의 기초를 익혔지만 동시에 이론과 실제의 간극을 체감했다. 특히 실제 서비스를 만들려면 더 많은 실무 경험이 필요하다는 것을 깨달았다.이전 부트캠프에서 두 개의 주요 프로젝트를 진행했다. 첫 번..

개념부모가 자식의 UI를 결정, 컴포넌트 재사용성은 유지하고 커스터마이징이 필요한 부분을 분리하기 위함자식컴포넌트가 을 정의부모컴포넌트에서 자식컴포넌트 사이에 or #slotName의 template를 slot으로 보냄name,#을 생략하면 default로 인식부모가 보내는 게 없을 때내용이 표시됨흐름초기 설정 (자식 -> 부모):자식 컴포넌트가 를 정의해.이게 "나는 'header'라는 이름의 슬롯이 있어"라고 선언하는 거야.템플릿 매칭 (부모 -> 자식):부모 컴포넌트가 v-slot:header를 사용해.이건 "나는 'header'라는 이름의 슬롯을 채우고 싶어"라고 하는 거야.데이터 전달 (자식 -> 부모):자식 컴포넌트가 슬롯에 데이터를 제공해: .slot props자식컴포넌트에 props로 추..

Node.js의 주요 특징을 아래와 같이 나열할 수 있습니다: 이벤트 기반: Node.js는 비동기 및 이벤트 기반의 프로그래밍 모델을 채택하여 I/O 작업을 효율적으로 처리할 수 있습니다. 이를 통해 여러 작업을 동시에 처리하고 높은 성능을 제공할 수 있습니다. 논 블로킹: Node.js는 단일 쓰레드로 동작하며 비동기 I/O를 지원합니다. 이는 많은 클라이언트 요청에 대해 블로킹되지 않고 빠르게 응답할 수 있도록 합니다. 싱글스레드: JavaScript 런타임 클릭,요청,타이머 등 이벤트리스너:이벤트 등록 함수 콜백함수: 발생 조건 시 예약함수 실행 논블로킹: 긴 시간 함수를 백그라운드로 보내고 다음 코드를 실행, 오래 걸리는 함수를 나중에 실행 일부코드:I/O(파일,네트워크),압축,암호화 나머지코드..

template: Vue 또는 React의 템플릿 시스템을 활용하여 HTML 요소 생성 및 DOM 조작을 수행하기 때문에 코드 재사용성과 효율성이 더욱 중요해집니다. 순위가 1위로 상승 button_onclick customElements_property: Vue 또는 React 컴포넌트를 사용하여 재사용 가능한 UI 요소를 만들고 버튼 클릭 시 출력하기 때문에 코드 재사용성과 코드 분리가 더욱 중요해집니다. 순위가 2위로 상승 button_id addEventListener: 프레임워크 내 이벤트 시스템을 활용하여 버튼 클릭 이벤트 처리를 수행하기 때문에 기본적인 방법으로 유지됩니다. 순위가 3위로 유지 button_onclick arrow_function: 간단한 기능 구현에는 여전히 유용하지만, 프..

commit의 복사본, 개발용으로 branch에서 테스트 후 검증된 내용을 master에 반영 브랜치 생성 git branch 브랜치명 브랜치 이동 git switch 브랜치명 기준 브랜치 이동 후 병합 git merge 배린치명 충돌 해결 병합 시 양쪽에서 동일 라인을 수정한 경우 발생 원하는 코드만 남기고 git add & git commit

1.설치파일 다운 2.설치 주요 설정 -에디터설정: vscode -기본 브랜치명:main 3.작업경로에서 파워셀 실행 git config --global user.email " " git config --global user.name " " ## 메일,사용자 등록 git init #최초 감시 git add App.vue # 1파일 스테이징 git add App.vue App2.vue # 2파일 스테이징 git add . #현재경로 전체 #작업폴더 중 저장할 파일 선택 (staging area) git status # 현재 스테이징된 내역 등을 확인 git log #커밋 로그를 확인 git commit -m '메모' #메세지와 함께 add된 파일들을 기록소에 최종 저장(repository) vscode 내..