Home

비속어 마스킹 기능

Waterticket — Sun, 03 Nov 2024 20:35:19 +0900

개요

- 사용자가 직접 보기 싫은 단어를 회원 정보에서 설정.

- 타 회원이 내가 설정한 단어를 포함한 게시글을 업로드 할 경우 "필터링 한 단어가 포함된 글입니다."라는 제목으로 대체되어 표시되며, 그 글에 들어가려고 할 경우 한 차례 더 경고창이 나타남. (확인을 눌러 들어갈 수 있음)

- 회원을 차단하는 기능이 아니라, 게시글을 마스킹하는 기능입니다. 따라서 기존의 욕설 필터링이나 회원 분리와는 다른 기능입니다.

이미지

1. 회원 메뉴에 '사용자 단어 필터' 선택

2. 사용자별 단어 필터 설정 페이지

- 필터링 기능 사용여부

- 필터링 단어 입력

- ink 레이아웃에 맞는 디자인 적용 완료

3. 게시글 목록에서 필터링 된 단어가 포함된 글 클릭시 메세지 출력

4. 필터 모듈 설정 페이지

ChatGPT를 이용한 게시글 태그 추출

Waterticket — Sun, 30 Jun 2024 21:02:32 +0900

게시글 등록시 게시판 태그를 자동으로 생성해주는 모듈이다.

게시글당 약 1천 토큰이 사용되며, OpenAI API 테스트 결과 약 5건당 0.01$가 사용된다.

타임라인 모듈 - 조건 만족 시간대별로 리스트업

Waterticket — Sun, 30 Jun 2024 20:59:54 +0900

타임라인 모듈에서 설정해둔 조건을 만족한 시간 순서대로 게시글을 보여주는 기능이다.

기존 타임라인 모듈은 게시글 작성 시간대로 보여줘, 오래된 글이 추천수를 만족한 경우 최신글 위로 올라오지 못해 묻히는 현상이 있다.

ex)

10시) 게시글 A 작성

11시) 게시글 B 작성

12시) 게시글 A 추천수 20개 달성
13시) 게시글 B 추천수 20개 달성

최종 출력 순서

- 게시글 B (13시 추가)

- 게시글 A (12시 추가)

원하는 기간만큼 결제 & 글 쓰기

Waterticket — Sun, 19 May 2024 21:22:53 +0900

1. 글쓰기 버튼 클릭시 결제 페이지로 이동

2. 결제 페이지에서 원하는 기간 선택

3. 결제 완료 후 글쓰기. 값은 확장 변수로 게시글에 대입.

3-1. 만약 결제 완료 후 창을 닫았을 경우, 다시 글쓰기 페이지에 들어가면 해당 결제 데이터와 연동하여 이어서 글 쓰기 가능

접속자 유량제어 시스템

Waterticket — Mon, 19 Dec 2022 20:38:15 +0900

https://blog.naver.com/matthew218/222871549104

접속자 유량제어 시스템 테스트 #1

테스트 시스템 : Oracle Cloud A1 - 1core 6gb ram (Seoul) 평균 핑 : 17.03 ms 테스트 도구 : JMete...

네이버 블로그 | Waterticket´s Dev 2022 - 네이버 블로그 | Waterticket´s Dev 2022

https://blog.naver.com/matthew218/222872110553

접속자 유량제어 시스템 테스트 #2

Byte String Copy 문제 Golang에서 Byte를 String으로 바꾸거나, 그 역변환을 취할 경우 메모리가 복...

네이버 블로그 | Waterticket´s Dev 2022 - 네이버 블로그 | Waterticket´s Dev 2022

https://youtu.be/rqw-wkacHqg?t=1741

비밀번호 취약점 체크 애드온

Waterticket — Mon, 14 Feb 2022 21:38:56 +0900

https://haveibeenpwned.com/Passwords

Have I Been Pwned: Pwned Passwords

Have I Been Pwned allows you to search across multiple data breaches to see if your email address or ...

aveibeenpwned.com

비밀번호가 유출되었는지 알려주는 사이트이다.

거대한 데이터에 구미가 댕겨 이걸 사용해 비밀번호가 유출이 되었는지 회원가입 과정에서 알려주는 프로그램을 짜보고자 했다.

압축을 풀어보니 25GB 상당의 거대한 데이터가 나왔다.

너무 거대해 일반적인 텍스트 에디터로는 열리지 않아 HEX 에디터를 사용해 열었다.

데이터 구조는 이와 같게 생겼다

SHA1(40byte):유출횟수(int)

이를 분석하여 DB에 직접 넣어주었다. (초당 2천줄 꼴로 들어갔다.)

+) 데이터를 집어넣을때는 인덱스를 먼저 넣을경우 엄청 느려진다..

데이터를 전부 집어넣고 인덱스를 후에 설정해줘야한다.

INSERT는 오래걸리더라도 바로바로 원하는 값이 존재하는지 찾아주어야 하기에 약간의 생각을 하였다.

SHA_FIELD 항목에 앞 다섯 글자를 빼내어 인덱스로 해준다면 LIKE 를 사용해 빠르게 쿼리를 할 수 있을것이라고 생각을 하였고, 이를 위해 SHA_FIELD(5) 만큼 빼내어 인덱스로 지정해주었다.

인덱스는 해당 컬럼의 분산도(카디널리티)가 높을 수록 유용하게 쓰이기 때문에 해시값에 적당하다고 판단하였다.

실시간으로 DB에서 해시값을 가져와야 하기 때문에 쿼리가 매우 중요하다

먼저 쿼리를 가져오는 부분을 코딩할 때 데이터들은 INSERT작업중이였고 아직 COMMIT이 되지 않은 데이터들이라 불러오는 것이 불가능 했다.

이는 그냥 몇 일 기다리면 해결되는 문제였으나 나중에 많은 커넥션이 동시에 들어오면 DB가 block상태가 되어 뻗어버리는 일도 일어날 수 있다.

위 두 문제를 해결하기 위해 트랜잭션 레벨이라는 것을 알게 되었다.

READ UNCOMMITTED	1) COMMIT 되지 않은 데이터에 다른 트랜잭션에서 접근할수 있다. 2) INSERT, UPDATE, DELETE 후 COMMIT 이나 ROLLBACK에 상관없이 현재의 데이터를 읽어온다. 3) ROLLBACK이 될 데이터도 읽어올 수 있으므로 주의가 필요하다. 4) LOCK이 발생하지 않는다.
READ COMMIITED	1) COMMIT 된 데이터에 다른 트랜잭션에서 접근할 수 있다. 2) 구현 방식이 차이 때문에 Query를 수행한 시점의 데이터와 정확하게 일치하지 않을 수 있다. 3) LOCK이 발생하지 않는다. 4) MySQL에서 많은 양의 데이터를 복제하거나 이동할 때 이 LEVEL을 추천한다.
REPEATABLE READ	1) Default LEVEL이다. 2) SELECT시 현재 시점의 스냅샷을 만들고 스냅샷을 조회한다. 3) 동일 트랜잭션 내에서 일관성을 보장한다. 4) record lock과 gap lock이 발생한다. 5) CREATE SELECT, INSERT SELECT시 lock이 발생한다.

원래는 SELECT던 INSERT던 해당 상태를 스냅샷한 부분에서 데이터를 읽어온다.

순차적으로 처리하기 위해서인데, 이렇게 되면 한 세션에서 데이터를 읽거나 쓰고 있다면 해당 DB는 블럭상태가 되어버린다.

그러면 해당 DB에서는 블럭상태일동안 읽지 못하게 되고, 이를 해결하기 위해 READ UNCOMMITTED를 사용하기도 한다.

물론 이렇게 해결하는것이 절대 좋은 방법이라고 할 수는 없으나, 내가 데이터를 저장한 테이블에 경우 INSERT가 초반을 제외하고는 없으며 단순히 읽기만 하면 되기 때문에 위 방법을 사용하기로 했다.

SET SESSION TRANSACTION ISOLATION LEVEL READ UNCOMMITTED

위와같이 설정해주면 된다.

다음으로 데이터를 가져올때 쿼리이다.

SELECT SHA_FIELD, DATACNT FROM PasswordHash WHERE SHA_FIELD LIKE ?

위와 같이 SHA_FILED와 LIKE를 활용하여 인덱스를 탈 수 있도록 하였다.

'?' 에는 SHA 쿼리에 앞 5글자를 잘라낸 다음 뒷자리에 %를 썼음

ex) 'ABCDE%'

위와같이 check.php를 넣었다.

데이터를 가져오기 성공

JSON으로 보내주었다.

※ 클라이언트

1차 비밀번호 체크

ajax를 통한 비밀번호 유출 확인

※ 결과

기본적으로 비밀번호 폼은 위와같이 생겼다.

비밀번호 조건을 만족하지 못했을 경우 '비밀번호를 확인해주세요.' 라는 메세지가 나온다.

비밀번호 조건을 만족했을 경우 sha1 암호화를 하여 서버로 쿼리를 날리게 된다.

쿼리를 체크하여 비밀번호 해시값이 존재하면 '이 비밀번호는 위험합니다! 유출 횟수: xxx회' 와 같이 위험 메세지가 나온다.

그리고 안전한 비밀번호를 입력했을 경우 이 비밀번호는 안전합니다 라고 뜨며 초록색으로 바뀌게 된다.

4일간 데이터를 집어넣었다.

쿼리타임 0.2초

https://xetown.com/tips/1591828

비밀번호 취약점 체크 애드온

https://xetown.com/topics/1591321 위 글을 보고 도움이 될 것 같아 만들었습니다 기본적으로 회원가입 폼...

XETOWN - 리버스 / 2021-07-12

배터리/시간 호버 표시 프로그램

Waterticket — Mon, 14 Feb 2022 21:25:12 +0900

먼저 디자인은 위와같이 정했다.

처음엔 배경도 투명하게 했다.

그래서 배경없이 글자만 나와서 방해되는 요소가 거의 없었다.

다만 가독성이 별로였고, 폰트 테두리가 이상하게 더러워서 심플한 약 민트색 배경을 넣었다.

배터리 상태는 위와같이 구해왔다.

신기하게 ObjectQuery라는것을 알게 되었다.

윈도우 시스템의 데이터를 저장하는 DB라는데, SQL문으로 가져올 수 있다는게 신기한거 같다

확실히 윈도우 프로그래밍은 C#이 막강한거 같다

위 상태는 충전기를 꼽지 않은 상태

위와같이 약간 진하게 변경되면 충전기가 연결된 상태이다.

다만 정상적으로 연결되었는지, 아니면 낮은 전류로 충전되고 있는지는 알 수 없다.

잠시뒤 위와같이 붉은 색으로 변경되면 낮은 전류로 충전되고 있다는 뜻이며

초록색으로 변경되면 정상적으로 충전이 되고있다는 소리다.

1.2A 가까이 나오면 정상 출력이며

이렇게 0.2A 이하로 나오면 비정상 출력이다.

C# 문서를 찾아보니 배터리 충전 전류를 알아볼 수 있는 방법이 없어 보였다.

그래서 배터리 충전량으로 분기를 하였다.

충전기를 연결했는데 배터리가 줄어들면 저속 충전이며, 충전기를 연결해서 배터리가 늘어나면 정상 충전이다.

커밋:

배터리 충전량에 따라 분기 · Waterticket/BatteryOverlay@fa81e34 (github.com)

+) 추가로 제작한 충전기

https://blog.naver.com/matthew218/222419669887

충전기 제작

다이소산 USB 3.0 연장케이블 을 잘라서 +, -극을 벗겨주었다 그리고 해당 선만 남기고 절단 꼬다리는 ...

네이버 블로그 | Waterticket´s Dev 2022 - 네이버 블로그 | Waterticket´s Dev 2022

유동 IP 주기적 체크 시스템

Waterticket — Mon, 14 Feb 2022 21:05:24 +0900

홈서버는 구성하기 매우 어렵다

공유기도 잘 따라줘야 하고, 네트워크 상황도 받쳐줘야 하고..

만약 이 모든 환경이 잘 맞아서 어째저째 구성했다고 가정하자

이제 문제는 유지 보수로 넘어간다

일반적인 가정용 네트워크에 경우 유동 ip일 확률이 높다.

보통은 유동 ip라도 공유기가 켜져있다면 ip가 잘 바뀌지 않으나, 갑자기 정전이 된다던지 무슨 일이 있을지 누가 알겠는가

그래서 ip를 자동으로 체크하는 앱을 만들게 되었다.

먼저 나는 맥을 집에 설치하고, 해당 맥의 ip 주소를 받아오는 식으로 진행하였다.

일단 이번에는 C#을 통해 설정을 하였다.

콘솔 프로그램을 생성해주고 cron을 통해 주기적으로 ip를 체크하는 방식이다.

먼저 GetLocalIP() 라는 함수를 통해 맥의 IP 주소를 받아온다.

공유기를 거칠경우 해당 방식으로 진행할 경우 공유기 내부 ip 주소를 받아오겠지만 나는 직통으로 꽂아서 별로 상관없다.

그리고 해당 IP를 post로 웹 서버에 전송한다.

그럼 서버에서는 아래처럼 처리한다.

보안을 위해 PDO를 사용하였다.

ip_table에 가장 최근 데이터를 받아오고, ip가 달라졌다면 새로운 row를 등록, ip가 같다면 update_time을 지금으로 고쳐서 데이터가 최근이라는 것을 증명해준다.

ip_table의 구조는 아래와 같다.

이렇게 처리해주고 이제는 표시해줄 파일이다

이렇게 가장 최근 데이터를 받아와서 단순히 표시를 해준다.

그러면 쨘하고 현재 ip와 몇초전에 갱신이 되었는지 알 수 있다.

서버단에서 이렇게 해주고, 맥에서 crontab에 아까 만든 C# 프로그램을 등록해준다.

매 10분마다 해당 프로그램을 실행시켜준다.

+) 맥에서 exe는 실행 못하는줄 알고 컴파일 했는데 exe가 나와서 당황했다

C#으로 만들어진 프로그램에 경우 mono라는 .net framework속 프로그램을 사용하면 잘 돌릴 수 있다!

복잡한 프로그램도 돌아갈지는 모름

집에서 돌아가는 맥미니는 어차피 전원이 꺼지지 않는 이상 계속 10분마다 cron을 실행할 것이고, ip가 바뀌어도 알아서 잘 알려줄것이다

웹 브라우저 키보드 북마커

Waterticket — Mon, 14 Feb 2022 21:01:09 +0900

코딩 계기

우리가 인터넷을 할때 자주 들어가는 사이트는 이런식으로 na만 쳐도 네이버 주소가 완성된다

하지만 예를들어 나무위키를 들어가려고 하면 위에처럼 nam까지 쳐줘야 나무위키 주소가 뜨게 된다

그리고 D모 사이트에 경우, URL이 길어서 자동완성을 사용하기가 힘들다

심지어 위에 사진을 보면 내가 원하는 URL은 제일 아래에 있으나, 자동완성으로는 다른것이 떠서 키보드를 몇번 더 입력해야 하는 불상사가 발생한다.

이것처럼 일일히 URL을 입력하기 귀찮은 나머지, 갑자기 아이디어가 떠올라 프로그램을 만들게 되었다.

사용법 목표)

주소창에 내가 원하는 예약어를 치면 자동으로 그 사이트로 이동되게 하자!

그리고.. SpeedRun 코딩을 도전해보기로 했다

타자 연습 리듬 게임

Waterticket — Mon, 14 Feb 2022 20:49:33 +0900

▲ 기본 레이아웃

combo : 콤보 (틀리지 않고 맞출 경우 한글자마다 올라감)

max combo : 최대 콤보

good : 정상적으로 친 갯수

bad : 오타, 치지 못한 갯수

kpm: key per minute (1초에 입력할 수 있는 글자 수)

acc : 정확도 (good/good+bad)

▲ 게임 플레이 상세

▲ 영어 예시(Son of kick - Hours)

▲ 한글 예시 (IZONE-FIESTA)

그누보드 하이브리드 앱

Waterticket — Wed, 02 Feb 2022 03:57:54 +0900

C++ RDBMS 개발

Waterticket — Wed, 02 Feb 2022 03:52:54 +0900

C++만을 활용하여 RDBMS를 제작하였습니다

데이터 저장은 csv 포맷을 사용하며, CRUD 외 부가적인 기능은 제공하지 않습니다.

https://blog.naver.com/matthew218/221790737378

C++로 데이터베이스 만들기!!

C++로 데이터 베이스를 완성하였습니다! 아직 SELECT밖에 없지만, 좀더 발전시켜서! 제가 원래 만드...

네이버 블로그 | Waterticket´s Dev 2022 - 네이버 블로그 | Waterticket´s Dev 2022

https://blog.naver.com/matthew218/221794141426

C++ DB 제작 기록 #2

DB 용량 45메가 데이터 셋: 약 80만개 컬럼: 9개 데이터 크기 : 800,000 * 9 = 약 7,200,000개 로...

네이버 블로그 | Waterticket´s Dev 2022 - 네이버 블로그 | Waterticket´s Dev 2022

C언어 콘솔 건반형 리듬게임

Waterticket — Wed, 02 Feb 2022 03:22:12 +0900

한국디지털미디어고 2019년 프로그래밍교과 콘솔게임 만들기 대회 노력상 수상

https://blog.hoto.dev/45

Native C로 리듬게임 만들기 #1

내가 다니는 학교 한국디지털미디어 고등학교에서는 1학년때 C언어 프로그래밍 교과를 배운다. C를 미리 알...

초보 프로그래머의 프로그래밍 - 수표 / 2020-01-27

https://blog.naver.com/matthew218/221831439936

C언어로 리듬게임 만들기!

생각해보니 블로그에 리듬게임 만든 글을 안쓴거 같네요.. 기술적인 부분은 기술블로그에 썼으니, 여기서는...

네이버 블로그 | Waterticket´s Dev 2022 - 네이버 블로그 | Waterticket´s Dev 2022

https://www.youtube.com/watch?v=HiLFmYDcmAE

온라인 URL 단축기

Waterticket — Wed, 02 Feb 2022 03:03:46 +0900

긴 URL을 효과적으로 줄이기 위해 제작한 URL 단축기

URL을 입력하고 Convert 버튼을 클릭하면 https://s.hoto.dev/r/랜덤글자 처럼 변환되어 나오게 된다.

또한 정상적이지 않은 경로로 접근할 경우 404에러를 띄우게 된다

웹사이트 차단 프로그램

Waterticket — Wed, 02 Feb 2022 02:50:01 +0900

원하는 사이트를 차단하는 프로그램이다.

서버에서 restrict_url.json에 원하는 사이트를 추가하면, 주기적으로 컴퓨터에서 해당 데이터를 받아와 hosts파일을 수정한다.

hosts 파일을 선점하는 방식으로 열기때문에 다른 프로세스에서 수정이 불가능하며, 무슨 방법을 동원해도 해당 페이지에 접속할 수 없다.

또한 강제종료와 삭제를 막기위해 총 3개의 프로세스가 동시에 동작하며, 서로 실행 여부를 감시하여 이변이 발생하면 블루스크린을 띄워 작업을 정지시킨다