개발 22

[JavaScript] 코어 자바스크립트 - 7. 프로토타입

1. 객체란 무엇인가요? 키(key)과 값(value)으로 이루어진 프로퍼티(Property)들의 집합 2. 객체가 생성되는 과정에 대해서 설명해주세요. 생성자 함수로 객체를 생성할 수 있음 생성자 함수에 new 연산자를 붙여 호출하면, 새로운 인스턴스가 만들어짐 3. 프로토타입과 프로토의 차이에 대해서 설명해 주세요. 프로토타입은 생성자 함수의 특정 데이터 타입에서 사용할 수 있는 메소드가 담긴 객체 프로토[[prototype]]는 인스턴스에서 생성자 함수의 프로토타입에 접근할 수 있는 통로 역할 4. 생성자 함수에 대해서 설명해 주세요. new 연산자를 붙여서 호출할 경우 쉽게 새로운 객체를 만들 수 있는 방법 유사한 객체를 여러 개 만들 수 있음 첫 문자는 대문자로 쓰고, new 연산자를 붙여서 사..

개발/JavaScript 2023.06.11

[ChatGPT] 더 이상 미룰 수 없다, 나의 ChatGPT 시승기

[ChatGPT] 더 이상 미룰 수 없다, 나의 ChatGPT 시승기 머리 감겨주는 기계나 블루투스 샤워기 대신 사람들의 일자리를 위협하는 인공지능이 먼저 나오다니... 설날에 가족들과 식사하는데 '요새 AI 뭐 나왔다는데 개발자도 다 대체되면 어떡하냐?'라는 얘기를 들었던 게 생각난다. 기술면접 예상 질문 답변을 정리하는데 어디다 매번 물어볼 수도 없고, 내가 적은 답변이 맞는지 검증하고 싶기도 해서 드디어 처음으로 챗 지피티를 사용하게 되었다. 며칠에 걸쳐 머리 싸매고 공부했던 프로토타입에 대해 술술 설명하는 것을 보고 잠시 허탈해졌다. 시니어 개발자분들도 챗지피티를 적극적으로 사용하고 계셨다. 신입 개발자를 뽑아서 키워 쓰느니 본인이 직접 챗지피티와 함께 일을 하겠다는 얘기도 들었다. 그러면 아직 ..

개발 2023.06.09

[JavaScript] 코어 자바스크립트 - 6. 클로저

1. 클로저에 대해서 설명해 주세요. 어떤 함수에서 선언된 변수를 참조하는 그 함수의 내부 함수를 외부로 전달할 때, 함수의 실행 컨텍스트가 종료된 이후에도 변수에 접근할 수 있는 현상 2. 클로저의 예시를 코드로 작성해 주세요. const outer = () => { let a = 1; const inner = () => { return ++a; } return inner; } const outer2 = outer(); console.log(outer2()); console.log(outer2()); inner 함수 자체를 반환하면, outer 함수의 실행 컨텍스트가 종료된 후에도 inner 함수에 접근할 수 있음 3. 클로저와 스코프는 어떤 관계를 가지고 있을까요? 클로저는 함수의 실행 컨텍스트가 종..

개발/JavaScript 2023.06.07

[트러블 슈팅] 브랜치명 대소문자 구분하기, 원본 저장소에 브랜치 push하기, Git origin과 upstream 차이

매주 무난하게, 또는 치열하게 과제를 해가며 어느덧 6주차 절반이 지나간 데브로드 코스. 트레이너님께 DM으로 나의 과제 제출 브랜치 주소가 항상 잘못되어 있었다는 연락을 받았다. 오타 강박이 있는 나로서는 어떻게 그런 일이 발생할 수가 있는지 너무나 충격이었다. 차라리 '코드가 잘못되었어요', '코딩 실력이 아직 부족하시네요' 이런 말은 참아도 어떻게 내가 이런걸 인지하지 못하고 지나쳤을 수가......... 심지어 이런 일로 남을 번거롭게 했어....... 그 사건이 도화선이 되어 CLI를 사용하지 않고 브랜치 생성하는 방법, 브랜치명의 대소문자를 구분하는 방법, 원본 저장소에 브랜치 push 하는 방법, Git의 origin, upstream 개념 등을 알아보았다. 1. 브랜치명 대소문자 구분하기 ..

개발/Git 2023.04.23

[트러블 슈팅] 푸드코트 키오스크 만들기 프로젝트 리뷰

푸드코트 키오스크 만들기 간단한 프로젝트 설명과 트러블 슈팅 과정 🧾 프로젝트 설명 식당 이름을 검색하거나, 음식 종류 카테고리를 골라 필터링이 가능한 키오스크를 구현했다. ✅ 메뉴 목록을 조회할 수 있고(GET), 주문을 생성하는(POST) API를 제공하는 express 서버를 구축했다. ✅ 메뉴를 선택하면 점심 바구니에 담긴다. ✅ 합계 금액이 적힌 주문 버튼을 누르면 영수증이 출력된다. 📌 express 서버 구축 애초에 서버를 전혀 모르기 때문에 나에겐 쉽지 않은 도전이었다. express 강의를 듣고 정리해둔 노트를 참고했다. post로 주문 생성하기 app.post('/orders', (req, res) => { const { menu, totalPrice } = req.body; cons..

개발/React 2023.04.04