728x90

Front End 3

[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

[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
반응형