https://arrangept.lockcept.kr 개발을 완료하였다. 해당 사이트는 입력된 단어들을 seed 단어를 기준으로 재배열 해주는 사이트이다. 실은 세상에 아무 쓸모도 없는 사이트이다. 그냥 나를 위해서 만들었다. 그래도 개발기 작성은 가치가 있을수도 있으니까, 글을 작성하기로 마음먹었다.  개요단어를 재정렬하여 보여준다, 라는 의미로 Arrange라는 동사를 채택하였다. 그리고 나의 닉네임인 lockcept을 합쳐서 Arrangept로 서비스 이름을 작명하였다. 게다가 요즘 화제인 gpt와도 이름이 비슷하여 쏙 마음에 들었다. 원래 이 사이트의 기능은 나의 로컬에 javascript로 구현 되어 있었다. 게임을 플레이 하기 위해서 어떤 캐릭터를 선택할지 결정이 힘들었던 나에게 캐릭터를 랜덤..

현재 블로그에서 2차 도메인을 사용하고 있다. 원래 도메인은 "lockcept-life.tistory.com" 이지만, 개인 도메인인 "blog.lockcept.kr" 을 사용하여 해당 주소로 들어오게끔 설정하였다. 그러나 가끔 블로그 내의 하이퍼링크를 클릭하는 등의 경우에는 원래 도메인을 기준으로 url이 설정되는 경우가 있다. 이런 경우 주소창에 표시되는 링크가 달라질 뿐 더러, 이 상태에서 포스트를 공유하면 원래 도메인을 기준으로 공유된다. "스킨 편집" 의 html 편집을 통해 이 문제를 방지할 수 있다. 해당 코드를 html 코드 사이에 삽입하면 해결할 수 있다. (물론 각자의 주소에 맞게 링크 수정을 해주어야한다.) 삽입할 위치를 잘 모르겠다면, (어디에 놓아도 큰 상관은 없지만) 라고 적힌 ..

Typescript 환경에서 난수를 사용 해야 하는 니즈가 있었다. 단순히 seedrandom 같은 라이브러리를 사용해도 되었지만, 의사난수 생성 알고리즘 중 메르센-트위스터 19937 알고리즘에 관심이 생겨 사용하고자 하였다. 가볍게 깃헙에서 구현된 코드를 발견하였고 (https://gist.github.com/aradzie/c12da8c537e83c0fae52), 그대로 가져다가 사용하였다. 그런데 온라인에 구현된 메르센-트위스터 생성기와 시드가 동일함에도 불구하고 다른 난수를 생성함을 우연히 발견하였다. (온라인에서 발견한 난수생성 사이트 https://asecuritysite.com/primes/twister) 구현된 코드를 비교해 보았을 때 크게 다른 점이 없어서 의문이었다. 직접 cpp 컴파일..

웹개발 공부를 위해서 Lockcept World를 만들어보았다. 목적은 여러 서비스를 위한 콘솔 형태를 만드는 것이다. AWS console이나 Google console 이 매력적이여서 따라해보고 싶었다. 실제로 별 효용은 없다. 깃허브 현재는 깃헙 레포가 비공개인데 3월 중으로 배포된 버전을 내리고 레포를 public으로 전환할 예정이다~ Front React, Typescript Material-UI AWS S3 Back Node.js, Typescript Serverless Framework AWS API-Gateway & Lambda EC2를 사용하지 않음으로써 편리한 스케일링이 가능하다. 메인 화면 실제로 구현된 서비스는 Account Setting 밖에 없음 어느 정도 반응형으로 구현되어있어..

부트스트랩의 가장 큰 장점은 반응형 사이트를 만들기 쉽다는 것이다. 그리고 반응형 사이트의 핵심에 대해 알아보려고 한다. Container는 무언가를 담기 위해 사용하는 가장 기본적인 layout element이다. 공간이라고 생각하면 될 것 같다. Container 안의 물건들이 어떻게 배치될 지 여러 가지 설정을 넣어줄 수 있다. 가장 기본적으로, Container 자체의 크기가 화면의 크기에 따라 바뀌도록 할 수 있는데 반응형 웹 사이트의 근본이 된다. 위 사진이 그 설명인데, 예를 들어 container-lg class로 생성하면 Large (992 px) 미만일 때에는 픽셀 크기 자체가 되고, 이상일 때에는 960px 크기의 Container가 된다. https://getbootstrap.com..

lockcept.kr 개인 웹 사이트를 가지고 있는데 디자인이 텍스트 나열 밖에 없어서 Bootstrap 을 적용해보고자 공부하고 글을 작성하게 되었다. 물론 Bootstrap 을 이용한 여러 무료 템플릿을 적용하여도 되지만, 디자인을 본격적으로 적용할 마음은 없었고 공부하며 하자는 마인드로 최소한의 공부 후 직접 적용하게 되었다. 부트스트랩은 트위터에서 시작한 오픈소스 프론트엔드 라이브러리로, 웹 디자인의 각종 레이아웃, 버튼, 입력창 등의 디자인을 CSS와 JS로 만들어 놓은 일종의 템플릿이라고 보면 된다. 웹을 만들 때에 디자인 하느라 소요되는 많은 시간들을 매우 짧게 만들어주었다. 추가로, 반응형 웹 사이트 (모바일 / PC 등 보는 크기에 따라 다르게 적용되는)를 만들 수 있다는 큰 장점이 있다..

저번에 포스팅한 도메인 구매 및 웹호스팅에 이어 기본적인 html 문법에 대해 공부하였다. 닷홈 도메인 구매 및 웹 호스팅 (클릭) 웹 호스팅 및 웹 개발 시작하기 웹 개발 공부를 하기 위해서 웹 호스팅을 찾아보았다. 그 중 호스팅 전문 업체인 dothome에서 도메인 구매시 할인 및 무제한 웹호스팅 제공 이벤트를 해서 dothome에서 도메인을 구매하였다. 1년 구매시 13500원.. blog.lockcept.kr 간단하게 플레이하는 게임인 리그오브레전드 관련 자료를 이용하여 구현해보았다. 웹의 모습과 코드는 다음과 같다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 록셉은 오공을 잘할까? this is wukong this was wukong Colored b..

웹 개발 공부를 하기 위해서 웹 호스팅을 찾아보았다. 그 중 호스팅 전문 업체인 dothome에서 도메인 구매시 할인 및 무제한 웹호스팅 제공 이벤트를 해서 dothome에서 도메인을 구매하였다. 1년 구매시 13500원이다. lockcept.kr 을 구매하였기 때문에 지금은 등록상태라고 뜬다. 22000원이라고 뜨지만 구매시 할인 받아서 13500원에 구매하였다. 닷홈 외에도 도메인 구매는 Gabia라는 업체도 크다. 닷홈에서 도메인 구매시 위의 '무제한 웹호스팅 FREE' 상품을 이용할 수 있다. 하지만 SSH 사용 불가능하고, 404 페이지 설정이 안되는 등의 불편함이 있다. 따라서 나는 FileZila라는 프로그램을 통해 웹 개발을 시작하였다. 닷홈에서 기본적으로 구축되어있는 여러 파일들이 있는데..