분류 전체보기 검색 결과
224 개의 검색 결과가 있습니다.
Frontend/Svelte

[Svelte] HTML에서의 조건문과 루프 방법 정리

🌈 Svelte HTML의 조건문과 루프 작업 Svelte.js - 완벽 가이드의 [섹션 3:: 조건문 및 루프 작업]과 [섹션 4:: 반응성(Reactivity)들여다보기] 를 수강한 후에 정리한 내용이다. 1️⃣ if 스벨트의 HTML에 if 문은 중괄호와 #으로 표현할 수 있다. 또한 if문을 종료하기(/if) 전에 else문을 작성할 수 있으며 else 앞에 콜론을 붙여 사용할 수 있다. ... {#if formState === 'done'} {:else if formState === 'invalid'} Invalid input. {:else} Please Enter some data and hit the button! {/if} 2️⃣ each 스벨트의 HTML에서 반복문을 사용하기 위해서는 e..

2022. 12. 20. 16:25
Frontend/Svelte

[Svelte] 기본 구문 및 핵심 기능 정리

🌈 Svelte 기본 구문 및 핵심 정리 Svelte.js - 완벽 가이드의 [섹션 2:: 기본 구문 및 핵심 정리]를 수강한 후에 정리한 내용이다. 1️⃣ 구조 스벨트는 Vue와 비슷하게 하나의 .svelte 파일 안에 [자바스크립트 / css / html] 을 작성한다. 2️⃣ HTML의 동적 변수 사용과 바인딩 다른 작업 없이 중괄호 { } 를 사용하여 스크립트단의 변수와 연결하여 동적 변수를 만들 수 있으며, 스벨트 문법에 따라 HTML 태그 안에 변수를 바인딩할 수도 있다. 아래 코드는 스크립트단의 변수 name과 age를 html단에 바인딩한 것이며, button에 클릭 이벤트를 주어 incrementAge라는 함수를 바인딩하였다. 또한 버튼을 누를 때마다 age가 동적으로 1씩 증가하는 것을..

2022. 12. 19. 11:11
Frontend/Svelte

[Svelte - 완벽 가이드] 수강 시작!

🌈 Svelte - 완벽 가이드 최근 포트폴리오의 빈약함을 느끼고 부족한 점을 보완하기 위해 어떻게 해야 할까 생각을 해왔다. 그러던 중 스벨트(Svelte)를 기반으로 빠른 프론트 작업이 가능하다는 것을 알게 되었고, 새로운 프레임워크를 익힐 겸 독학을 하기 위한 자료를 찾던 중 유데미에서 좋은 강의를 발견하였다. 그리고 몇 개의 강의를 듣고 좋은 내용이 많아 공부 겸 관련 내용을 정리해야겠다고 생각했다. 따라서 당분간은 Svelte에 대한 강의를 수강하며 관련된 내용을 포스팅하려고 한다.

2022. 12. 14. 12:45
Frontend/Svelte

[Svelte] Svelte 개발환경 세팅 방법

🌈 Svelte 프로젝트 개발환경 세팅하기 스벨트(Svelte)는 React 또는 Vue처럼 Node를 기반으로 하기 때문에 스벨트 프로젝트를 시작하기 위해서는 먼저 node가 설치되어 있어야 한다. 또한 이번 포스팅에서는 스벨트 공식문서에서 제안하는 방법을 기반으로한 세팅 방법에 대해서 다룬다. 🙋‍♂️ 준비사항 ▪ Node ▪ Visual studio code ▪ visual studio code Extention 👨‍💻 프로젝트 생성 ~ 로컬 기동 ◾ npm create vite@latest myapp -- --template svelte myapp 부분에는 프로젝트의 이름을 입력하면 된다. ◾ cd myapp ◾ npm install ◾ npm run dev 기본 포트인 5173 포트에 스벨트 프..

2022. 12. 7. 12:46
Backend/Java (Spring)

[Java] 자바 ArrayList를 이용한 집합 연산 방법

📌 자바 ArrayList를 통해 집합 연산하기 자바의 ArrayList는 List 인터페이스를 상속받은 클래스이다. 일반적인 배열과 같이 인덱스로 내부의 객체를 관리한다는 점이 유사하지만 한번 생성되면 크기가 변하지 않는 배열과는 달리 ArrayList는 객체들이 추가되어 저장 용량(capacity)을 초과하면 자동으로 부족한 크기만큼 저장 용량이 늘어나는 특징을 가지고 있다. 1️⃣ 교집합 List클래스의 retainAll( )메서드를 사용하여 교집합을 구할 수 있다. import java.util.ArrayList; import java.util.List; public class 교집합 { public static void main(String[] args) { List arrayList = new..

2022. 12. 5. 12:49
Backend/Python

[Python] 파이썬 순열과 조합 (permutation, combination)

🌈 파이썬 순열, 조합 값 반환받기 파이썬의 내장 모듈인 itertools를 이용하면 순열과 조합의 값을 반환받을 수 있다. 1️⃣ 순열 (permutation) 순열이란 몇 개를 골라 순서를 고려해 나열한 경우의 수를 말한다. 즉, 서로 다른 n 개 중 r 개를 골라 순서를 정해 나열하는 가짓수이며 순열은 가능한 모든 순서쌍을 만들며 중복된 값은 갖지 않는다. import itertools arr = ['A', 'B', 'C'] nPr = itertools.permutations(arr, 2) print(list(nPr)) # [('A', 'B'), ('A', 'C'), ('B', 'A'), ('B', 'C'), ('C', 'A'), ('C', 'B')] 2️⃣ 조합 (combination) 조합이란 ..

2022. 12. 1. 12:41