데코레이터 패턴 하나의 코드를 다른 코드로 래핑하거나 javascript 함수를 래핑하는 방법 동일한 클래스의 다른 객체에는 영향을 주지 않고, 정적/동적으로 개별 객체에 동작을 추가할 수 있는 디자인 패턴이다. 문법 let variable = function(object) { obj...

알고리즘 한 점에서 x축으로의 범위를 정하고, 다른 점에서 y축으로의 범위를 정하는 방식으로 모든 두개의 점 조합으로 트래펄린을 설치한다. 코드 #include <iostream> using namespace std; int n, m, l, k; pair<int, int> s[110]; int max(int a,...

알고리즘 문제를 해석하면, 한 점에서 다른 한 점까지 가는데 최소경로를 찾는 문제로 해석할 수 있다. 따라서 다익스트라 알고리즘을 적용하면 쉽게 풀수있다. 이때 한 칸에 저장된 값은, 그 칸으로 접근하는 경로의 길이로 치환하여 품. 여담 문제 내에 다익스트라라는 꽤나 많은 힌트가 있었으나, dfs...

알고리즘 BFS 입력으로 들어온, 알려진 전후관계로 그래프를 만듦. 체크를 해야하는 원소 두개가 들어오면, 먼저 첫번째 거에서 bfs를 시작하여 두번째거가 나오면 첫번째가 앞에 있는 것이므로 -1를 출력 찾지못하면, 두번째에서 첫번째를 BFS로 찾음. 찾으면 1을 출력. 찾지못하면, ...

개요 yourlist 웹 리뉴얼 프로젝트에서 tailwind css를 사용하기로 결정하였고, create-react-app을 사용하여 리액트앱을 만든 후, tailwind css를 추가하였다. 이때 tailwind css는 먼저 css 파일을 컴파일 하고, 컴파일 이후의 css 파일을 import 하는 방식으로 동작한다. 따라서 매번 리...

Props ReactNative 에서 대부분의 컴포넌트는 매겨변수나 속성을 props로 전달함 Flutter에서는 매개변수가 있는 생성자에서 받은 속성을 final로 표시된 지역변수나 함수에 할당함 // Flutter class CustomCard extends StatelessWidget { Cus...

Flutter 위젯 Views View 컨테이너 React Native 에서는 View 가 컨테이너이고 Flexbox를 이용한 레이아웃, 스타일, 터치 핸들링, 접근성제어를 지원 Flutter에서는 Container나, Column, Row, Center같은 위젯 라이브러리의 핵심 레이아웃 위젯을 사용할 수 있음....

기본 앱 생성 IDE 에서 생성하는 방법 커맨드라인에서 생성하는 방법 $ flutter create <projectname> 앱 실행 IDE에서 run 클릭 최상위 디렉토리에서 flutter run 입력 import import 'package:flutter/material.dart'; import 'pa...

진입점 main() { // 항상 최상단 앱의 진입점 main() 이 있어야함. } 콘솔 print("hello world") 변수 dart 는 타입검사를 하는 언어 정적 타입 검사와 런타임 타입검사를 동시에 사용하며, 변수의 값이 변수의 정적타입과 항상 일치하는지 검사함. 타입 추론을 하기에 일부 타입표기는 생략가능 ...

개발 계기 코로나 전에 커피를 마시면서 자주 길거리를 걸어다녔는데, 항상 다 마시고 남은 빈 통만 들고 한참을 쓰레기통을 찾아다녔던 기억이 있었다. 그런데 학과 내에서 학교 생활에 도움을 줄 서비스를 개발하는 공모전을 하였고, 위 기억을 되살려서 학교 내 흡연장소, 쓰레기통의 위치를 알려주는 서비스를 개발해보기로 하였다. 서비스 소개 ...