728x90

분류 전체보기 178

[Svelte] Svelte + TypeScript 파일 탐색기 디자인 만들기 : 버튼 생성

과정Script 생성버튼을 클릭했을 때 모달창이 뜰 수 있도록하는 ts 생성Button 생성 및 디자인디자인은 TailwindCSS 사용1. Script 생성export let show: boolean;export let onClose: () => void;const handleConfirm = () => { onClose(); // 모달 닫기};show: boolean show 값을 전달받아 true이면 창 반환, false이면 창을 띄우지 않음onClose: () => voidonClose 라는 콜백함수 전달받음onClose 함수에는 showModal을 false로 설정해놓음2. Button 생성 및 디자인버튼을 넣을 div에 넣으면 버튼이 생성됨디자인은 class에서 원하는대로 수정하면 됨창을..

Front End/Framework 2025.03.06

[FrontEnd] Svelte + TypeScript + TailwindCSS 에러 해결

Svelte + TypeScript + Tailwind CSS 를 이용한 웹 생성 관련 오류 해결법1. TailwindCSS 설치 오류npx tailwindcss init tailwind.config.cjs -p 위 코드 실행시 발생하는 오류 해결법 1Powershell 권한 오류Win + R → powershell 입력 후 Ctrl + Shift + Enter (관리자 권한 실행)Get-ExecutionPolicy (권한 확인, Unrestricted 또는 RemoteSigned로 설정)Set-ExecutionPolicy RemoteSigned -Scope CurrentUserRemoteSigned: 로컬 스크립트 실행 허용, 인터넷에서 받은 스크립트는 서명이 필요Unrestricted: 모든 스크립..

Front End/WEB 2025.02.27

[AI] 영상 하이라이트 검출 관련 기술

영상 하이라이트 검출 관련 기술기존 기술 (구간 탐색 기술)행동 구간 검출, 영상 요약, 텍스트 기반 장면 탐색1. 행동 구간 검출(Action Localization)2~3분 길이의 영상에서 사전에 정의된 행동을 하는 구간을 탐색하는 방법단점영상 길이가 매우 길면 잘 작동하지 않음모델을 학습한 도메인에만 동작한다는 한계2. 영상 요약(Video Summarization)단점 지도학습 : 주관적인 기준 개입비지도학습 : 영상 내에서 시각적으로 이질적인 구간 위주로 검출3. 텍스트 기반 장면 탐색(Moment Retrieval)단점 정적인 묘사에 집중하여 행동을 잘 검출하지 못함2~3분 길이의 짧은 영상 대상행동 인식 기술장점단순함높은 분류 정확도영상 길이에 무관하게 적용 가능좀 더 다양한 도메인에 적용 ..

AI 2025.02.11

[Front End] 프론트엔드의 Framework

Framework 란?프로그래밍에서 특정 운영체제를 위한 응용 프로그램 표준 구조를 구현하는 클래스와 라이브러리 모임 종류 : React, Vue.js, Angular.js, React Native1. React동적 사용자 인터페이스를 만들기 위해 Facebook에서 2011년에 만든 오픈 소스 JavaScript 라이브러리장기적으로 데이터가 변경될 수 있는 큰 웹 어플리케이션 구축에 적합장점높은 수준의 유연성최대의 응답성HTML, XHTML, XML 형식의 문서를 웹 응용 프로그램의 여러 요소로 구문 분석하는 동안 웹 브라우저에서 더 잘 받아 들일 수 있는 트리로 배열할 수 있게 해주는 가상 DOM사용자 측면에서 수행하는 데이터를 서버 측에서 동시에 쉽게 표현할 수 있음단점공식 문서 부족MVC 프레임..

Front End/Framework 2025.01.20

[Coding Test] 1000번 : A+B

백준 코딩테스트 1000번 : A+B문제 설명두 정수 A와 B를 입력받은 다음, A+B를 출력하는 프로그램을 작성하시오문제 풀이입력값을 list형태로 매핑하고 정수로 정의하여 sys 함수로 받아옴입력받은 값을 sum 함수를 이용하여 더함정답 코드import sysinput=list(map(int, sys.stdin.readline().split()))print(sum(input))* 이 문제는 백준 코딩테스트 1000번 문제입니다.

Python/Coding Test 2024.11.27

[Coding Test] 백준 : 시간복잡도 문제 해결

백준 파이썬 시간복잡도 문제 해결 코드백준은 코드 실행에 있어 시간복잡도 문제에 매우 예민하다.기본적인 반복문 for과 조건문 if를 막무가내로 사용하면 문제가 해결되지 않는다.이에 시간복잡도를 줄여줄 수 있는 함수를 실행하여 문제를 해결해준다. import sysa = sys.stdin.readline.().split()변수명(a) 설정은 자유롭게 설정split 함수는 필요에 따라 사용

Python/Coding Test 2024.11.27

[Project] 서울시 범죄 발생률 예측 서비스 - DB

DB 생성 목표본 프로젝트에서 필요한 데이터를 저장할 데이터베이스 생성회원의 개인정보를 저장할 수 있는 'users' 테이블 생성회원 각각의 즐겨찾기 정보를 저장할 수 있는 'favorites' 테이블 생성1. CREATE DATABASE'crimeDB' 라는 데이터베이스 생성create database crimeDB;2. CREATE TABLE users회원의 아이디, 비밀번호를 저장할 수 있는 테이블 생성user_id를 기본키로 자동 생성아이디와 비밀번호는 null을 허용하지 않으며 아이디는 unique 값을 생성생성시간을 timestamp로 저장create table users ( -> user_id int auto_increment primary key, -> username varch..

[정처기] 7장 애플리케이션 테스트 관리

1. 테스트 기법에 따른 애플리케이션 테스트애플리케이션에 잠재되어 있는 결함을 찾아내는 일련의 행위 또는 절차파레토 법칙, 살충제 패러독스, 오류-부재의 궤변1-1. 파레토 법칙80%, 20%1-2. 살충제 패러독스동일한 테스트 케이스로 동일한 테스트를 반복하면 더 이상 결함이 발견되지 않는 현상1-3. 오류-부재의 궤변결함을 모두 제거해도 요구사항을 만족 시키지 못하면 품질이 높다고 할 수 없음2. 애플리케이션 테스트의 분류정적 테스트 : 프로그램 실행하지 않고 분석종류 : 워크스루, 인스펙션, 코드검사 등동적 테스트 : 프로그램 실행하여 오류 찾기종류 : 화이트박스 테스트, 블랙박스 테스트2-1. 화이트 박스 테스트 (동적)원시코드의 논리적인 모든 경로를 테스트하여 테스트 케이스를 설계하는 방법종류 ..

[정처기] 4장 서버 프로그램 구현 - 디자인 패턴

1. 디자인 패턴모듈 간의 관계 및 인터페이스를 설계할 때 참조할 수 있는 전형적인 해결 방식 또는 예제GoF의 디자인 패턴 : 생성 패턴, 구조 패턴, 행위 패턴2. 생성 패턴 (Creational Pattern)클래스나 객체의 생성과 참조 과정을 정의하는 패턴2-1. Abstract Factory (추상 팩토리)연관, 의존하는 객체들의 그룹으로 생성하여 추상적으로 표현2-2. Builder (빌더)작게 분리된 인스턴스를 건축하듯이 조합하여 객체 생성2-3. Factory Method (팩토리 메소드)서브 클래스에서 처리하도록 분리하여 캡슐화한 패턴가상 생성자 패턴2-4. Prototype (프로토타입)원본 객체를 복제하는 방법으로 객체를 생성하는 패턴2-5. Singleton (싱글톤) ⭐하나의 객체..

반응형