오랜만에 Kotlin으로 알고리즘 풀려고 보니 명령어를 잊어버려서 기록한다.1\. Kotlin 컴파일 명령kotlinc "컴파일할 kt파일" -include-runtime -d "컴파일된 jar"jar파일 실행java -jar "컴파일된 jar"

보고 있으면 배가 부르다🤭

개발 중인 웹 서비스를 모바일로 테스트하기 위해 이것저것 해보다가 크롬 개발자 도구의 엄청나게 간편한 기능을 찾았다.gh-pages로 깃헙에 배포했다가 깃헙 서버는 proxy 설정이 안되서 실패했다. 서버 장만해서 테스트할까 하다가 일단 로컬에서 외부 접속해서 테스트해

react로 api 테스트 도중 문제가 생겼다. local 서버는 돌고 있는데도 다음과 같이 localhost에 접근이 거부된다.ERR_CONNECTION_REFUSED방화벽 문제인가 해서 접근 허용에 문제가 있나 싶었는데 문제를 찾지 못했다. wsl에 문제거나 보안

간략하게 Hook을 소개하자면 컴포넌트의 state를 쉽게 다룰 수 있게하는 기능이다.parameter생성되는 state 변수의 초기값반환 값state 변수와 변수의 setter를 배열로 반환한다.생성되는 state 변수는 컴포넌트가 rendering될 때 한 번만 생

집에서 docker desktop 설치해서 돌릴 때 가장 애먹었던 게 Hyper-v 키고 끄는 거 였다.virtual box, docker, Hyper-v가 짬뽕이 되서 어떻게해야 하는 지 한참 헤매다가 Hyper-v 끄니까 virtual box와 충돌 하던 게 해결

결제 수단 선택을 끝으로 결제 요청 단계를 마치면 결제 준베 단계에서 정한 approval_url로 redirect된다. 결제 승인은 결제 준비 페이지와 구분되는 새로운 페이지를 작성해서 진행하겠다.새로운 페이지로 redirect 시키기 위해 react-router-d

카카오 로그인과 마찬가지로 create-react-app로 프로젝트를 생성하고 불필요한 파일을 지운 상태로 시작하겠다.프록시 설정을 하지 않을 경우 CORS 이슈가 발생할 수 있다.카카오 페이 REST API를 제공하는 서버 도메인으로 타겟 도메인을 설정해줘서 CORS

App.js

이전 포스트에서 카카오 developers에 앱을 등록하고 프로젝트 생성과 카카오 SDK를 포함시킨는 것까지 마쳤다. 로그인 함수를 써서 카카오 api를 사용하는 데 필요한 사용자의 토큰을 획득해 보자.우선 App.js, index.js를 싹 비웠다.App.jsinde

코드를 짜기 전에 카카오 서비스를 사용하기 위해 카카오 developers에 어플리케이션 등록 및 설정을 먼저 하자. 개발할 어플리케이션에서 쓰일 키, 도메인 정보 등을 설정해줘야 카카오에서 제공하는 로그인 등의 기능을 사용할 수 있다.카카오 developers에 로그

다음의 명령으로 node.js가 설치되어 있는 지 확인한다.설치되어 있다면 다음과 같이 버전이 출력된다.v12.21.0설치가 필요한 경우 아래의 링크에서 원하는 버전으로 설치하자.https://nodejs.org/ko/npm은 JavaScript 패키지 관리자

매번 projection 바꿔가며 찍어보는 게 귀찮아서 기록해 놓으려한다. > column name: [instanceid, duration, projectid, description, picasa_id, latitude, orientation, height, isdr

마지막 기능으로 Blur 효과를 만들어 보자. Blur는 이미지를 흐리게 하는 효과다. 원문은 반영하고자하는 현실의 카메라에서 일어나는 현상을 설명한다. 하지만 저걸 다 구현할 게 아니므로 목표인 Blur를 위해 필요한 것만 챙기자. Blur, 즉 이미지를 흐릿하게하는

이번엔 카메라 기능들을 구현해 본다. 먼저 시야를 조정하는 데 쓰는 field of view(fov)를 구현하자. fov는 수직, 수평 중 수직 fov를 사용할 것이다. 결국 fov가 뭐하는 거냐면, 지금까지 같은 뷰포트로 이미지를 출력했다면 fov값으로 뷰포트의 크기

이번 챕터는 Dialectrics라는 material을 구현해 본다. 물, 유리, 다이아몬드 같은 투명한 물질을 Dielectrics(유전체)라고 한다. 광선이 Dialectrics에 닿으면 반사된 광선과 굴절되는 광선으로 나뉜다. 우리는 이 두 현상 중에서 무작위로

Metal이라는 재질의 사물을 표현해본다.Material 추상class를 작성한다. 다양한 재질을 구현할 때 쓰기 위함이다. 예제에서 쓰는 Material에는 다음 두 가지가 필요하다.산란하는(scattered) 광선을 생성하는 기능산란 되는 광선의 감쇠 정도원문은 c

이번엔 물체의 재질에 따라 빛의 확산 및 반사 등을 적용해 물체를 더 사실적으로 표현하는 작업을 한다. 특히 복잡한 이론이 많은 부분이라 그냥 그런 원리를 적용했구나하고 넘어가도 좋다.이번 주제에 구현할 Diffuse Materials은 matte라는 재질로 표면이 거

이번 주제는 Antialiasing이다. 백문이 불여일견이라고 먼저 원문의 7단원 가장 마지막에 위치한 이미지인 >Image 6: Before and after antialiasing 를 먼저 살펴보자. 이미지를 살펴봤다면 Antialiasing 전후의 이미지가 다르

광선이 쏘아져 부딪친 물체의 표면에 대해 외면과 내면 중 어느 측면에서 광선이 쏘아졌는지는 중요한 요소다. 광선이 쏘아진 측면에 따라 물체를 다르게 rendering해야하기 때문이다.(ex: 문자가 쓰여진 종이의 양면, 내면과 외면을 가진 유리구슬 등) 이번에할 작업은