메인 페이지에 뭘 만들어야할까 다양한 레퍼런스들을 찾아보다가 그냥 깔끔 무난한 스타일로 swiper하나를 제작 해보기로 맘먹었다. https://swiperjs.com/ Swiper - The Most Modern Mobile Touch Slider Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior. swiperjs.com 대규모 프로젝트들에서도 많이 사용하고 현업에서 진짜 많이 사용하는 슬라이더이다. https://www.dji.com/kr DJI - 공식 웹사이트 DJI 기술로 새로운 가능성의 미래를 엿볼 수 있습니다. DJI Air 2S, D..
본격적인 개발의 시작이다. 일단 vue3 webpack을 사용해주었다. 모듈 관리 시스템이라고 보면 편하다. npx degit ParkYoungWoong/vue3-webpack-template#eslint 이름 헤로피 블로그를 운영하시는 프론트엔드 개발자님의 깃허브에서 가져왔다. eslint 설정이 깔끔해서 사용한다. webpack 내에 있는 의존성 패키지는 다음과 같다. "devDependencies": { "@babel/core": "^7.13.10", "@babel/plugin-transform-runtime": "^7.13.10", "@babel/preset-env": "^7.13.10", "@vue/compiler-sfc": "^3.0.11", "autoprefixer": "^10.2.5", "..
페페 표정으로 플러터 개발을 하고 있던 도중, 개발 이론만 공부해서 될 게 아니라 대회든, 해커톤이든, 프로젝트든 할려면 토이 프로젝트를 계속 해봐야 진짜 실력이 늘 거 같아서 플러터로 앱도 만들어보고, 웹 개발도 계속 해보고 하다가 동아리에서 개발 과제를 내주었다. 또 마침 개발 해야 할 것이 존재하였고.. 바로 내가 졸업한 온누리 국제 학교이다. 문제가 많은 웹 페이지인 것을 알 수있는데 디자인은 그래도 당시에 템플릿? 같은걸 구매해서 사용 한 것 같아서 괜찮지만, 일단 관리를 하는 사람이 없다는 것이 첫번째 문제이고, 백엔드 차원에서 관리 하는 사람도 누군지 모르겠고.. 그냥 사용자도 없고 취약점은 많은 사이트였다. PHP 기반 테크노트라는 곳에서 관리를 하는 것 같은데 사이트는 다음과 같다. ht..
https://www.acmicpc.net/problem/24262 24262번: 알고리즘 수업 - 알고리즘의 수행 시간 1 오늘도 서준이는 알고리즘의 수행시간 수업 조교를 하고 있다. 아빠가 수업한 내용을 학생들이 잘 이해했는지 문제를 통해서 확인해보자. 입력의 크기 n이 주어지면 MenOfPassion 알고리즘 수행 www.acmicpc.net 사용언어 : node.js 알고리즘 : 구현, 시뮬레이션 Solved.ac Tier : Bronze V node.js 코드 1. 문제 정리 MenOfPassion(A[], n) { i = ⌊n / 2⌋; return A[i]; # 코드1 } MenOfPassion 알고리즘의 시간 복잡도는 고정되어 있으므로 출력값은 1과 0이다 2. 완성 코드 const inp..
저번 시간까지 만든 부분들을 살펴보면 1페이지 통계 부분은 그냥 대충 아무거나 import해와서 만들어 놓은 것을 볼 수 있다. time chart라는 패키지를 이용하여 만들었는데, 오로지 수면시간에만 집중 되어 있는 것 같아, 다른 패키지를 통해 직접 UI 구성을 하기로 마음 먹었다. https://pub.dev/packages/syncfusion_flutter_charts syncfusion_flutter_charts | Flutter Package A Flutter Charts library which includes data visualization widgets such as cartesian and circular charts, to create real-time, interactive, hi..
https://www.acmicpc.net/problem/23803 23803번: 골뱅이 찍기 - ㄴ 서준이는 아빠로부터 골뱅이가 들어 있는 상자를 생일 선물로 받았다. 상자 안에는 ㄴ자 모양의 골뱅이가 들어있다. ㄴ자 모양은 가로 및 세로로 각각 5개의 셀로 구성되어 있다. 상자에는 정사 www.acmicpc.net 사용언어 : node.js 알고리즘 : 구현 Solved.ac Tier : Bronze III node.js 코드 1. 문제 정리 간단한 구현 문제이다. 23802번 골뱅이 찍기 - ㄱ과 매우 유사한 문제이다. 2. 완성 코드 let inputs = require('fs').readFileSync('/dev/stdin').toString().trim(); // /dev/stdin for(l..
https://www.acmicpc.net/problem/23802 사용언어 : node.js 알고리즘 : 구현 Solved.ac Tier : Bronze III node.js 코드 1. 문제 정리 5개의 골뱅이를 곱해주면 되는 간단한 반복문 문제이다. 2. 완성 코드 let inputs = require('fs').readFileSync('ans.txt').toString().trim(); // /dev/stdin for(let i =1; i
