일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
- react
- rubymine
- gradle
- jetbrains
- CPP
- Spring
- Python
- Java
- GitHub
- OAuth
- Shell
- C
- ruby
- JS
- error
- Vane
- boj
- gnuplot
- Baekjoon
- OTLanguage
- 루비
- IntelliJ
- RaspberryPi
- ruby2d
- kotlin
- plugin
- maven
- 개발노트
- Godot
- Android
- Today
- Total
목록전체 글 (171)
PersesTitan(페르) 기술블로그
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/He6bg/btrSmZOF95u/balnKz7xqPjR0U4HbVCtgk/img.png)
참고 해당 내용은 제가 배우면서 느낌점이라서 사람마다 의견이 다를 수 있으며 프레임워크 공부량이나 깊이에 따라 내용 차이가 발생할 수 있다는 점을 감안하시고 봐주시면 감사하겠습니다. Spring 평가 : ★★★★☆ 언어 : Java, Kotlin, Groovy 장점 검색을 하였을때 정보를 많이 얻을 수 있다. 많은 부분을 직접 코드를 짜기 때문에 구조 파악이 쉽다. SpringBoot를 사용하면 복잡한 세팅을 손쉽게 할 수 있다. Java기반이라서 필요한 기능이 있다면 찾아봤을때 많은 예제를 찾을 수 있다. 템플릿 개발시 타임리프를 사용하여 간단하게 화면 구현이 가능하다. 단점 처음에 AoP, DI와 같은 어려운 개념이 많이 나와서 어렵게 느껴질 수 있다. 컴파일시에 속도가 느리다. 세팅에 매우 민감하게..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/cf2f0D/btrSa6BsQKL/o1Dlf9QZhnNE6o3SBdgqPk/img.png)
프로젝트 세팅하는 법 프로젝트 세팅이 끝났으면 설치는 간단합니다. rails new 위 커맨드를 입력해주면 에 입력한 디렉토리가 생성되는데 해당 디렉토리를 IDE로 열어주면 됩니다. 자신 있다면 터미널로 열어서 vim으로 편집해도 된다.전 자신 없으니...IDE를... 시작하기 bin/rails server해당 커맨드를 사용하여 서버를 시작합니다. 레일즈에서는 기본 포트가 3000이니 따로 설정하지 않으셨다면 http://localhost:3000/ 에 들어가서 기본 페이지를 볼 수 있습니다. 이렇게 기본페이지가 보이면 재대로 설치된 것 입니다.
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/czlXNg/btrSehhTE9D/8ZwzAKysilUV6RInY3wxl1/img.jpg)
루비를 설치할려고 하면 rvm과 rbenv를 설치하게 됩니다. rvm Ruby Version Manager의 약자로 ruby와 gem과 같은 관리가 어려워서 rvm으로 다양한 버전의 gem과 ruby를 관리하게 쉽게 만들어준 유틸리티입니다. rails를 사용할 예정이라면 rvm도 설치해두는 것을 개인적으로 추천합니다. 지금도 관리어렵... rvm install rvm use rbenv rvm처럼 관리해주는 기능이 존재하지 않지만 가볍게 사용할 수 있어서 많은 사람들이 사용하고 있는 유틸리티 입니다. 애초에 맥에 기본으로 깔려있어서 점유율이 높은 거일 수도... rbenv install rbenv local
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/PmDQ7/btrSaIUSPc9/uj3kgF5EwXs9iRlhkPBKvK/img.png)
초기 세팅 루비 설치 확인하기 버전이 출력된다면 설치되어 있는 것이지만 설치되어 있지않으면 설치해주세요. ruby -v 데이터베이스 설치 확인 저는 sqlite3데이터베이스를 사용할 예정으로 해당 데이터베이스가 존재하는지 확인해줍니다. sqlite3 --version Rails설치 그리고 다음 커맨드를 입력하만 자동으로 rails가 설치됩니다. gem install rails Rails설치 확인 그리고 설치 되었는지 확인해주었습니다. rails --version 세팅은 이상입니다.
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/Ps9U0/btrR9cB9lfG/BFKu7XqalK7eCqdzmzoNu1/img.png)
전체코드는 가장 하단의 깃허브 링크를 참고해주세요. 라이브러리 버전 라이브러리 버전을 만들면서 코드 최적화를 위해 일부 함수명 및 클래스명을 변경하였습니다. 참고 바랍니다. https://persestitan.tistory.com/162 [Java] HangulEditor 라이브러리 (뷁어, 영어발음, 한글 자모음 분리 등) 라이브러리 홈페이지 https://vaneproject.github.io/library/hangul-editor.html Hangul Editor Maven vaneproject.github.io maven io.github.vaneproject hanguleditor 1.0.0 gradle implementation 'io.github.vaneproject:hanguleditor:..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/LEqWw/btrRYy5fHrM/WH9Hk3MecK1LZkKXryrR60/img.png)
정보 한줄 설명 이모티콘으로 제작하는 난해한 프로그래밍 언어 이름 유례 절망하는 자세인 OTL 과 언어라는 뜻인 Language가 합쳐져 만들어진 언어입니다. OTL + Language 제작자 PersesTitan 추진 배경 제작하게 된 계기는 실용성이 존재하는 난해한 프로그래밍 언어면 재미 있을 것 같아 제작하게 되었습니다. 처음은 제미로 시작하였지만 해당 언어 구현에 가능성을 느끼게 되었고 기능 추가 및 수정, 확장등을 진행 중입니다. 파일 확장자 OTLanguage는 .otl, .otlanguage확장자를 사용합니다. 버전 3.1.2 이상부터 .otlanguage 확장자를 허용합니다. 모듈 확장자 확장자는 .otlm를 사용하며 module/operate, module/compulsion, modul..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/b3AClo/btrURkwp0KM/6VeAN3twHPriUksowxdVrk/img.gif)
다음은 천장에 충돌하면 HP를 내리고 삭제를하는 로직과 버블 터치하였을때 점수를 올리고 버블이 사라지는 로직을 구현하였습니다. 임시로 구현했던 삭제 버튼은 없애고, 스코어와 HP를 추가하였습니다. 길어지면 헷깔리기 때문에 저는 item.js파일 1개를 더 만들었는데 파일 1개에 다 구현해도 무방합니다. 코드 스코어 0 HP 100 생성 우선 삭제되는 부분을 구현하고, 천장에 부딧치면 downHp()를 호출하고, 클릭을하면 upScore()를 호출 하면 됩니다. 스피드는 다 똑같으면 재미 없으니 점수에 비례한 램던값으로 생성하였습니다. 값 차이를 많이 안줘서 그런지 솔직히 속도차이는 크게 못느꼈습니다. item.js function remove(value, interval) { const id_value ..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/dvtqRX/btrURp5tj5b/XR429a7jhFq6etEcDN3awk/img.png)
오늘 우연히 구구클래스라는 것을 알게 되었는데요. 해당 코드를 진짜로 한줄로 구현해볼 수 있지 않을까 하고 구현을 시도해보게 되었습니다. 그냥 구구단 코드인데... 자세한 추가적인 내용은 나무위키 (고마워요 나무위키) 를 참고하여 알게 되었습니다. 문론 숏코딩을 목적으로 최적화따위는 고려하지 않았습니다. 코드 원본 코드 (출처: 나무위키) public class GuguClass { public static void main(String[] args) { System.out.format("%n %n"); for(int j=1; j10?a+4:a,i>10?i-10:i,(i>10?i-10:i)*a))); } } 출력 2 X 1 = 23 X 1 = 34 X 1 = 45 X 1 = 5..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/baMaYp/btrR1pGoHcP/FjuXUKS734vDKnRC5lSGSK/img.png)
마켓플레이스에 OTLanguage를 검색하시면 찾을 수 있습니다. 적용하시면 확장자가 .olt인 파일에서 색깔이 바뀌는 것을 보실 수 있습니다. otl이라고만 치면 OTL Theme라는 것도 뜨는데... 이건 해당언어랑 관련 없는거... 마켓플레이스 링크 OTLanguage - Visual Studio Marketplace Extension for Visual Studio Code - OTLanguage is esoteric programming language implemented with Korean emoticons. marketplace.visualstudio.com 문론 실행하시고 싶으면 해당언어가 설치되어 있어야합니다. 설치 특성상 git에서 다운로드를 진행하므로 컴퓨터에 git이 설치되어 있..
![](http://i1.daumcdn.net/thumb/C150x150/?fname=https://blog.kakaocdn.net/dn/bQSP59/btrUNWiGADP/lSdKSrDEQdzDKn39LDXHk0/img.gif)
그냥 갑자기 웹 게임을 만들고 싶어서 제작하게 되었습니다. 구상 간단하게 버블이 올라가면서 누르면 점수가 올라가는 방식으로 구현해볼까 합니다. 우선 우리의 시각을 책임지는 html으로 화면을 구현해줍니다. 우선 생성 테스트를 할 예정이라 버튼 2개를 추가했는데요. 추후 제거할 예정입니다. html은 거둘 뿐...! index.html 생성 삭제 다음은 js... 게임로직을 구현하는 중요한 역할이죠...! create.js count = 0; score = 0; hp = 100; function loop() { const main = document.getElementById("main"); const div = document.createElement("div"); const width = window...