오늘의 계획 - Flask 환경 설정 및 테스트 - 회원가입 페이지 BE 구현

DB 설계 1. DB Naming Convention 백엔드까지 팀 프로젝트로 진행하다보니 DB 작성 규칙이 필요했다. 여러 글을 참고했는데 테이블과 변수명 선언 시 대/소문자로 규정하는 것에 대해 의견이 분분했다. 이 부분은 나중에 더 깊게 찾아볼 예정이다. 읽기 쉽게 정리된 글 중 아래 블로그 글을 참고하여 명명 규칙을 합의했다. 📎 [Velog] Database 이름 짓기 어려우세요? 2. DB 설계 사이트 맵과 로직 플로우를 정리했던 옵시디언에 똑같은 방법으로 DB 구조를 정리해봤다. 기존에 운영되던 홈페이지의 래거시 DB를 분석하고, 이에 따라서 새로운 모델을 만들었다. 이렇게 정리하니 쉽고 내가 알아보기는 편했지만, 다른 사람과 협업할 때 비효율적이고 테이블 간에 관계도 파악하기 어려웠다. 그..

오늘의 계획 - DB 설계 - ERD Cloud 실습

education. html 구현 1. 이미지 슬라이드 구현 교육 행사를 8개의 섹션으로 구분하여 각 섹션마다 대표 이미지를 삽입하고 싶었다. 부트스트랩의 캐러셀을 사용하면 더 쉽게 구현이 가능했을텐데 이번에는 캐러셀의 존재를 몰라 JS 함수를 정의해서 구현했다. 아래 JS 코드처럼 이미지별로 섹션을 붙이고, 섹션별로 이미지의 수를 length로 받아 구분하는 방식이다. // Thumbnail image controls function currentSlide(n, section) { if (section === 'education') { showSlides(educationSlideIndex = n, 'education'); } else if (section === 'study') { showSlides..

오늘의 계획 - education. html 구현

Github 프로젝트 관리 방법 스터디 다른 친구들과 프로젝트 성으로 홈페이지 제작을 진행하기 위해 github에 레포지토리를 생성했다. 프로젝트 진행과 관련하여 아래 사항들을 학습하여 정리하였다. 1. branch 관리 앞서 정의한 사이트 맵을 토대로 페이지별로 브랜치를 생성하고, 각 페이지가 완성될 때 main에 머지하는 방식으로 진행하려 한다. 페이지별로 브런치가 생성된 후에 github 홈페이지에서 보면 아래와 같다. 2. commit convention Subject Body Footer Fixes: 이슈 수정중 (아직 해결되지 않은 경우) Resolves: 이슈를 해결했을 때 사용 Ref: 참고할 이슈가 있을 때 사용 Related to: 해당 커밋에 관련된 이슈번호 (아직 해결되지 않은 경우..

오늘의 계획 - github 프로젝트 관리 방법 스터디 - index.html 구현

사이트맵 / 로직 플로우 그리기 여러 대학 동아리 / IT 단체 홈페이지를 참고하여 아래 기능들을 포함한 웹 사이트를 구상하였다. 연혁, 교육 프로그램 소개 동아리 가입 문의 → 카카오톡 채팅방으로 연결 회원가입 후 게시판 이용 게시판에는 공지사항부터 동아리원 소개글, 교육 자료 등을 공유할 수 있도록 구현할 예정이다. 웹사이트 UI 구상 HTML Tempalte을 이용하여 빠르고 쉽게 UI를 수정할 수 있는 방법을 찾았다. 아래 사이트를 참고하여 홈페이지 디자인과 UI를 구상하였다. 📎 Free CSS https://www.free-css.com/free-css-templates

오늘의 계획 - 사이트맵/로직 플로우 그리기 - 웹사이트 UI 구상

안녕하세요. me0w2en입니다. 써니나타스의 포렌식 두 번째 문제입니다. 문제 정보는 아래와 같습니다. Site : http://suninatas.com/challenge/web14/web14.asp Date : 2023.07.27 Type : forensic 많은 숫자가 주어집니다. 몇 달 전에 백준 문제로 ASCII 변환 문제를 많이 풀었던 덕분에 쉽게 ASCII 표현인 걸 알 수 있었습니다. 직접 코드를 짜서 변환하거나 변환 Tool을 이용할 수 있습니다. 저는 아래 사이트를 통해서 확인했습니다. https://bfotool.com/ko/decimal-to-ascii 10진수를 ASCII 텍스트로 변환하는 변환기 이 무료 온라인 도구를 사용하여 Decimal을 ASCII 텍스트로 변환할 수 있습니..