소소한 기록 방

23년도 1월 30일, 매일 잘 쓰고 있던 동아리 와카타임 서버가 메인 화면 제외 전부 먹통이 되어버렸다. https://jongung.tistory.com/287 [node.js] Mega Waka Board 백엔드 제작기학기 중에 Node.js 공부를 하던 도중, 학교 개발 동아리 Megabrain에서 각 동아리원들 코딩 실태 조사(?) 느낌으로 도입했던 Wakatime이라는 서비스가 있었다. wakatime은 개발 시간 측정 서비스로 각 개발jongung.tistory.comhttps://jongung.tistory.com/288 [React] Mega Waka Board 프론트 제작기학교 개발 동아리 Megabrain에서 각 동아리원들 코딩 실태 조사 느낌으로 도입했던 Wakatime이라는 서비스..

학교 개발 동아리 Megabrain에서 각 동아리원들 코딩 실태 조사 느낌으로 도입했던 Wakatime이라는 서비스가 있었다. wakatime은 개발 시간 측정 서비스로 각 개발 ide 플러그인으로 구현되어 있다. 모든 동아리원이 플러그인을 적용하여 매주 얼마나 개발을 했는지 확인 용도로 서비스를 사용하고 있었다. 매주 불편하게 디스코드 스레드를 열고, 캡처 후 업로드하는 방식이 불편했던 나는 Wakatime에서 제공하는 API를 가지고 express를 사용하여 백엔드를 구축하고 React로 프론트를 간단하게 구축하였다. 백엔드 제작기는 아래 글을 참고하면 된다. https://www.jongung.com/287 [node.js] Mega Waka Board 백엔드 제작기 학기 중에 Node.js 공부를..

학기 중에 Node.js 공부를 하던 도중, 학교 개발 동아리 Megabrain에서 각 동아리원들 코딩 실태 조사(?) 느낌으로 도입했던 Wakatime이라는 서비스가 있었다. wakatime은 개발 시간 측정 서비스로 각 개발 ide 플러그인으로 구현 되어있다. 모든 동아리원이 플러그인을 적용하여 매주 얼마나 개발을 했는지 확인 용도로 서비스를 사용하고 있었다.매주 불편하게 discord에 캡쳐하고, 업로드하는 방식이 불편했던 나는 Wakatime에서 제공하는 API를 가져와 우리만의 WakaTime LeaderBoard를 만들어 보자! 생각하여 Wakatime API를 살펴보았다.https://wakatime.com/developers해당 사이트에서 API Docs를 읽은 후 바로 개발을 시작하였다...

이번엔 파이썬 크롤러 라이브러리를 사용하여 학교 공지 사항 크롤링을 진행 해보려고 한다.https://www.crummy.com/software/BeautifulSoup/bs4/doc/ Beautiful Soup Documentation — Beautiful Soup 4.9.0 documentationNon-pretty printing If you just want a string, with no fancy formatting, you can call str() on a BeautifulSoup object, or on a Tag within it: str(soup) # ' I linked to example.com ' str(soup.a) # ' I linked to example.com ' The s..

한창 JS를 하다가 Python에 이번엔 제대로 입문 해보려고 토이 프로젝트를 만들려고 생각했다.고민 고민 하다보니, 내가 카카오톡 다음으로 많이 사용하는 채팅 프로그램인 Discord 봇 개발 관련으로 다시 한번 도전 해 볼까 하여 블로그에 정리 하면서 개발을 시작 해보려고 한다. Python으로 개발을 진행 하기 위해선 discord.py 라이브러리를 사용하여 개발 하여야 한다. Python 언어나, 다른 개발 언어를 접해보고 진행 하는 것을 추천한다. 무턱대고 개발 해보기엔 난이도가 생각보다 좀 있다. https://codingapple.com/course/python-basic/ 빠르게 정리하는 파이썬 기초 문법 - 코딩애플 온라인 강좌 (파이썬 웹크롤러/업무자동화 강의 + 딥러닝 AI 강의 패..

일단 백엔드를 배우고 파베를 하자. 파이어베이스... 뭐 좋지만 딱 프로토타입 제작용이다 라는 말이 딱 맞는 것 같다. 근데 아직 백엔드 할 줄 모르나, 제작은 해야 하니 파이어베이스 9으로 제작 해보았다. 일단 Create(만들기)와 Read(읽기)가 가능한 게시판 폼을 제작해보았다. BoardAdd.Vue 글 쓰기 작성자 제목 내용 글 작성 v-model로 데이터를 넘겨 줄 수 있도록 html사이드에서 제작 해주었다. 폼은 bootstrap 5로 제작 해주었다. 폰트나 디자인은 나중에 수정 해야한다... 사진이나 파일 넣는 기능또한 넣어야 하기 떄문에 글 쓰기 페이지 디자인은 나중에 다시 할 필요가 있다. 스크립트 사이드를 확인 해보자. 이 또한 firebase 9이 되면서 문법이 새롭게 바뀌었다. ..

이제부터 백엔드쪽 기능들을 건들여볼까 했다. 근데 나는 아는 것이 없었기에.. 플러터에 사용해봤었던 파이어베이스로구축 해볼까 했다. 그냥 대충 구글링해서 파베 쓰면 되겠지 했었던 나는 죽어있었고.. 문제점은 파이어베이스 9, Vue 3로 넘어오면서 두 친구 다 문법이 상당히 많이 변경 되었다는 점이다. 나는 이를 알 리가 없었고, 진짜 시간 많이 잡아 먹었던 것 같다. 결국엔 구현 했다는 것이 중요한 거 아니겠나? 회원 가입 페이지 부터 천천히 알아보자. 회원가입 이름 이메일 주소 이메일은 타인에게 유출되지 않으며, 로그인 시에만 사용 됩니다. 비밀번호 회원가입 bootstrap 5를 통하여 간단한 로그인 페이지를 만들어주었다. 당연히 container로 묵여있기 때문에 반응형이 되는 웹이다. 파베 9으..

먼저 학교장 인사말부터 작업 시작 했습니다. 원래의 이사장 인사말 디자인도 뭐 나쁘지 않지만 일단 사진 업데이트 및 폰트설정을 했다. 글은 그대로 가져오고 모바일 웹과 대응 가능하도록 제작하였다. 학교장 인사말 지난 30여 년간 목회를 하면서 느낀 것은 교회학교(Sunday School)의 중요성입니다. 그러나 제한된 시간과 환경 속에서 학생들을 하나님께서 원하시는 하나님의 사람으로 양육하는 것은 무척 어렵고 고민스러운 문제였습니다. 일주일에 6일 동안 복음과는 거리가 먼 세상의 환경에서 교육을 받으며, 세상의 교육에 우리 자녀들의 삶과 미래를 맡길 수 밖에 없음을 늘 안타깝게 생각해 왔습니다. 여러 나라의 선교현장을 보면서, 자녀들에게 다양한 언어를 어릴 때부터 가르쳐 세계적인 지도자(Global Le..