스나이퍼팩토리 한컴AI AI개발자 교육

intro to programming- computer architecture, os, proramming, internet, web

HTML 기본 구성 요소 HTML 기본 구조 HTML 특징 HTML 태그

자바스트립트 소개, 자바스크립트 데이터타입 등

JavaScript (10) 1. 기본 개념 2. 조작 방법 3. 이벤트 처리 4. 요소 생성 및 삭제 5. 속성 조작

1. 클래스의 개념과 필요성 2. 클래스 정의와 인스턴스 생성3. 클래스 속성과 메서드 4. 생성자 함수 5. 클래스 상속 6. instanceof 연산자

node js 에필로그

리액트, 타입스크립트 작업 환경 설정 가이드

화살표 함수 문법, 화살표 함수와 기본 함수의 차이, 화살표 함수의 용도

defaultProps 를 대체하는 방법: function parameter를 받을 때 `=`를 이용해 default value를 이용한다. Typescript 로는 ...

Abstract class 추상 클래스(abstract class)는 하나 이상의 추상 메소드를 포함하며 일반 메소드도 포함할 수 있다. 추상 메소드는 내용이 없이 메소드 이름과 타입만이 선언된 메소드를 말하며 선언할 때 abstract 키워드를 사용한다. 추상 클래스를 정의할 때는 abstract 키워드를 사용하며, 직접 인스턴스를 생성할 수 없고 상속...

복습할 내용C++ 에서 pass by value, pass by reference, passing function, array, pointer

컴포넌트, props, state

1. 리액트의 이벤트 시스템 2. 예제로 이벤트 핸들링 익히기 3. 함수 컴포넌트로 구현해 보기 1. 리액트의 이벤트 시스템 이벤트 사용할 때 주의 사항 1. 이벤트 이름은 카멜케이스로 (e.g. onekeyup => One

1. ref는 어떤 상황에서 사용해야 할까? 2. ref 사용 3. 컴포넌트에 ref 달기

array methods: map(), filter(), concat()

HTML/CSS -> JS -> React "TODO앱 진화아아아아 ~ 엔젤몬"

getDerivedStateFromProps, componentDidMount, shouldComponentUpdate, componentWillUnmount,getSnapshotBeforeUpdate, componentDidUpdate,componentDidCatch

⎡처음 배우는 리엑트 네이티브⎦읽으면서 기억해두면 좋은 내용 정리: React 에서 && 나 || 로 조건부 렌더링 하기 undefined 와 null 의 차이!

원본 영상 출처 내가 필요한 정보를 제공해주는 API가 없을 땐 어떻게 할까? 보통 API -> Pandas Data Frame으로 변환해서 사용할 수 있음. 없다면 web scraping 이나 web crolling 을 해야함. web scraping 은 내가 re

React 의 styled-components Library 를 설치하려니까 아래와 같은 오류가 났다. npm error code ERESOLVE npm error ERESOLVE unable to resolve dependency tree npm error npm

expo 실행 및 설치 ⎡처음 배우는 리액트 네이티브⎦를 보면서 따라했는데 Deprecated 된 command가 있어서 몇 번 막혔다. npm install -g expo-cli expo init my-first-expo cd my-first-expo => npm install npx expo start 하면 아래 큐알이 뜬다! 여기까지 하면 일단 e...

1. useState 2. useEffect 3. useReducer 4. useMemo 5. useCallback 6. useRef 7. Customized Hooks -"usePromise" 8. Things to Remind

react-virtualized library, React.memo, useState's functional update, useReducer, React Dev Tool

Single Page Application (SPA)란? html 을 서버 측에서 한번만 받아와서 웹 애플리케이션을 실행시킨 후, 이후에는 필요한 데이터만 받아와서 화면에 업데이트하는 것

asynchronous programming 앞선 포스트에서는 Promise의 동작 원리에 대해서 자세히 알아봤다. Promise 는 asynchronous operation을 실행할 때 callback 함수가 너무 많이 중첩되는 현상인 callback hell을 피하기 위해 나온 객체이다. Callback Hell을 피하기 위해 Promise와 .th...

Context API 의 사용법

Create User, Create table, Grant, Revoke, Update, Insert into, Alter table Problem 0 Problem 1 1.직원들의 평균 급여를 계산하는 SQL 쿼리를 작성하세요. 2.2023년에 입사한 직원 수를 구하는 쿼리를 작성하세요. 3.부서별 최고 급여와 최저 급여의 차이를 계산하는 쿼리를 작성...

Enrollment Table = Bridge Tablecourses 와 student 는 사실 다대다 관계이기 때문에 브릿지 테이블을 활용해 일대다 x2 관계로 정리해 주어야 함.Weak Entity란?The weak entity type always has tota

Node.js가 왜 필요한지 Node.js는 브라우저가 아닌 (서버사이드 또는 데스크탑 어플리케이션) 자바스크립트 프로그램이 실제로 실행되는 동안의 환경 (“런타임”). 프로그램이 동작하는 데 필요한 모든 것들— 라이브러리, 환경 설정, 메모리 관리 등이 포함되어

예외(Exception): 처리하지 못한 에러 • 노드 프로세스/스레드를 멈춤 • 노드는 기본적으로 싱글 스레드라 스레드가 멈춘다는 것은 프로세스가 멈추는 것 • 에러 처리는 필수 Try/Catch statement • 기본적으로 try catch문으로 예외를 처리 • 에러가 발생할 만한 곳을 try catch로 감쌈 Unexpected Error H...

fs, url, path, crypto, dns, events

About Python String 1. Array of char? 2. fstring?

An iterable is any object that you can loop over with a for loop.Examples include:list, tuple, str, set, dictBasically, if it implements the \_\_iter\

driver is a controller object that launches and automates a real browser instance (like Chrome, Firefox, etc.) via the Selenium WebDriver protocol.For

⚠️ Selector Combination

Let's Compare Block1✅ and Block2❌ ✅ 1 ❌ 2 ✅ Why #1 works It waits for the button to become clickable using: This solves most timing issues where elements exist in the DOM but aren’t yet visible o...

Python expects try to be immediately followed by except, finally, or else, not by other statements. ❌ Your Code: 🧨 What happens? This code will raise a SyntaxError — specifically: Because: The l...

🔁 실행 순서 (요청 URL: /) FastAPI는 등록된 순서대로 미들웨어를 감쌉니다. 즉: ⏱️ 시간순 흐름 (시뮬레이션) 근데 왜 출력 순서가 아래와 같이 보일까? 그런데 우리가 예상했던 순서대로라면: 이 되어야 정상인데, 실제로는 응답 상태 코드보다 처리 시간이 먼저 출력. 🔍 왜 이런 일이 발생했을까? 이건 두 미들웨어가 정의된 ...

Jupyter 노트북에서 Python 환경 잘 설정했는데도 패키지를 못 불러오거나 sys.executable 경로가 이상한 경우 있음. 이유는 단순함. VS Code에는 Python 인터프리터가 세 군데 따로 있음. 1. VS Code 인터프리터 설정 .py 파일 실행하거나, 터미널 자동 생성할 때 쓰이는 인터프리터 커맨드 팔레트 → Python: Se...

💡도선이에게 따로 Note github에서 타 팀원들이 잘못된 branch 위에서 작업할 가능성 있어서 현재 (5/26 9:30pm기준) doseon github branch에 있는 파일들 (backend, frontend repo 둘 다) 모두 내 local에 백업하고 main에다 merge도 하고 지운 상태. step1. git fetch+ g...

요약 차이표 | 항목 | Request Header | Request Body | | -------------- | ---------------------------------------------------...

1. Transformer란? (프레임워크) 정의: > Transformer는 2017년 구글 논문 "Attention Is All You Need"에서 제안된 \\자연어 처리 모델의 구조(architecture)\\입니다. 주요 특징: Self-Attention 메커니즘을 기반으로 입력 시퀀스 전체를 동시에 처리 RNN처럼 순차적으로 처리하지 않...

1. 파이프라인 구조 개요 입력: 사용자의 자연어 질문 과정: 질의 분석 → 검색 계획 → 벡터 검색 → 필터링/평가 → 필요시 쿼리 리라이트 → 반복 → 답변 생성 출력: AI가 생성한 답변 + 관련 근거 문서(정당, 점수, 날짜 등 메타데이터 포함) 2. 핵심 컴

오늘은 처음으로 블로그에 "글"쓰기를 해보려고 한다. 다소 두서 없음 주의! > 5/28 출국 분명 한컴 AI 아카데미 과정 공식 노션 캘린더에 6/4일부터 프로젝트 기간이라고 써있는 것을 확인하고 5/28-6/3 일간의 해외 휴가 일정을 두 달 전부터 계획하고

지난 이야기...6/5일까지 기획서 제출인데 6/2일까지 마땅한 아이디어가 안나온 상황.해외에서 캠핑하던 나.. 그제서야 상황파악...!6/2 사태 파악다음 날 (여행 마지막 날)일정 취소하고 귀국 비행기 타기 전까지 카페 가서 아이디어 구상.평소에 언어와 정치의 상관