0. 들어가며...오늘 서류를 두 개 쓰고 나니 진이 빠져서, 취미활동을 잠시 했다.평소 코딩 테스트 스터디 노션 페이지가 조금 단조롭다고 느껴져 꾸미고 싶다는 생각을 매번 했는데, 오늘 의식의 흐름 대로 갑자기 꾸며버렸다... 얼른 코테 공부도 해야지...1. Header폰트도 중세스러운 느낌을 내기위해 고딕하게 바꿨다.노션은 폰트 지원을 3가지 밖에 해주지 않기 때문에 인스타 폰트 사이트를 활용해 바꾸었다.2, 내부 규칙 화면요즘 GPT 그림 실력이 올랐다더니, 글자도 적은 그대로 넣어준다. 대박 ㄷㄷ3. 팀원소개팀원 화면도 클래스 별로 넣었다.문제 푼 수는 관계형 데이터 베이스를 통해 이었는데, 원래는 난이도 별 분류나 이런 걸 넣으려 했으나 status 속성이 아닌 이상, 각 태그 별 개수는 보여..

0. 개요오늘은 1️⃣ PRD(요구사항 정의서)와 2️⃣ API 명세서를 팀 노션에 부착하여 노션을 업그레이드 했다. 그간 팀 프로젝트를 하면서 느꼈던 불편했던 점들을 생각해보고, 그것들을 개선하는 형식으로 PRD와 API 명세서를 구현했다. 내가 불편함을 느꼈던 사항은 다음과 같다.1. 불편 했던 점1️⃣ 요구사항 정의서 DB와 API 명세서 DB가 따로 논다.둘이 연관관계가 없으니, API 명세서가 요구사항 정의서의 요구사항을 잘 이행하고 있는지 확인이 어려웠다. 따라서 요구사항 준수 여부를 확인하기 위해 (1) 두개의 표를 띄우고, (2) 연관 있는 것을 사람이 직접 찾고, (3) API가 요구사항을 벗어났는지 아닌지 확인하는 식으로 진행 했다. 이러니 초반에는 구현 속도가 더뎠고, 후반에는 요구사..

0. 들어가며...이번에 새로 팀 프로젝트를 하면서, 노션을 통해 프로젝트 관리를 하게 되었다. JIRA나 MATTERMOST 같은 협업툴을 지원해주던 SSAFY와 달리, 구름 부트 캠프는 그런 것이 없어, NOTION을 통해 직접 만들어야 했다. 그간 노션 활용력이 많이 높아졌으니, 좋은 기회라 여겼다. 오늘은 1️⃣ 노션의 관계형 데이터 베이스를 활용한 스프린트 관리와 2️⃣ 수식을 활용한 가시성 높이기를 한 번 해보려 한다.1. ERD 설계관계형 DB를 계획해서 사용하려면 역시 설계부터 해야한다. 그래서 ERD CLOUD를 키고, DB 설계를 시작했다. 설계 전에는 설계의 목표를 세우고 시작해야한다. 내가 세운 목표는 다음과 같다.1️⃣ 팀 멤버 별로 자신이 해야할 일이 귀속되어있다.2️⃣ 진행 여..

0. 목표이번 스킨은 다 마음에 들었지만, 한 가지 아쉬웠던 점이 바로, 피드의 Summary 부분 이었다.Velog와 달리 요약문을 본문의 태그에 맞게 띄어쓰기 해주지 않는다. 따라서 위 그림 처럼 모든 내용이 한 줄로 쭉 주어져서 예쁘지도 않고 가독성도 떨어진다.RSS를 활용한다면, 본문 전문과 스크립트별 태그를 받을 수 있지만, 내부 치환자로 티스토리 서버에서 직접 내용을 받아오는 것보다 속도가 현저히 떨어질 것 같다. (+ 내가 귀찮아서 그리 못하겠다.)그래서 이번 목표는 글 요약부분을 해당 글의 TAG로 바꾸기 이다.1. 티스토리 치환자 살펴보기티스토리 공홈의 태그 클라우드 치환자를 살펴보면 태그 ..

0. 목표노션처럼 인라인 수식과 수식 블록 작성이 티스토리에서도 가능하게 한다.필자의 경우에는 markdown 문법으로 본문 글을 고정해놓았음으로, 추가적으로 이러한 환경에서도 가능하도록 방법을 설명하겠다. 혹시 마크다운으로 티스토리 문법을 바꾸는 체질개선을 하고 싶은 분들은 다음 글을 보고 오면 된다.   [티스토리 꾸미기] Markdown 문법으로 자동 포스팅! (수동으로 div 태그 안 넣어줘도 됨!)0. Markdown CSS를 써야하는 이유 🤔티스토리에서도 markdown을 지원하기는 하지만, 티스토리 내부 서식에 맞게 변형되어 있어 외부의 규칙으로 작성한 MarkDown이 예상대로 적용되지 않는 경우가 비일dalcheonroadhead.tistory.com 1. 티스토리 HTML에 javas..

0. chatGPT 맞춤 설정을 해야하는 이유맞춤 설정을 하지 않은 GPT를 사용하는 경우, 새로운 대화창을 여는 행위는 초면인 사람과 대화 하는 것과 같은 행위가 된다. 따라서 GPT에게 사용자가 원하는 것, 현재 사용자의 상황 등을 다시 학습 시켜야하는 맞춤 설정을 위한 대화가 필수로 소모된다. 이는 시간적 낭비이고, 사용자가 매번 같은 학습을 시키는 것이 아니기 때문에, 답변의 품질도 일정치 않아질 수 있다. 이를 개선하기 위한 방안이 바로 맞춤 설정 이다. 맞춤 설정을 하면 다음과 같은 이점이 있다.사용자의 상황을 미리 아는 상태에서 대화가 시작된다. 일반적인 질문이나 이야기에서도 더욱 사용자 맞춤 답변을 제공한다.만약 사용자가 특정 분야의 전문가임을 미리 학습시켜 놓는다면, 그 분야에 대해서 답..

0. SKIN 환경 이해 🧠내가 사용 중인 apricot skin#3은 최신 스킨 답게 화면이 grid로 작성되어 있다.전체 화면을 나타내는 wrap이란 클래스는 위와 같이 4등분 되어있다. 이러한 형태를 grid라고 한다. grid-template-areas 속성을 보면, "header header" "aside main" 과 같이 적혀 있는데, 같은 쌍따옴표에 들어가 있는 덩어리끼리 같은 행에 배치된다. "",""끼리는 차례대로 다음 행에 배치됨을 볼 수 있다. 위를 보면 header가 2번 적힌 것을 볼 수 있는데, 이는 행 자체를 셀병합처럼 다 차지하겠다는 뜻이다.몇 번을 시도 했으나, 위와 같이 grid가 짜여진 상황에서 aside 밑에 다른 목차 용 div를 만들어서 운용하기란 쉽지 않았다...

0. Markdown CSS를 써야하는 이유 🤔티스토리에서도 markdown을 지원하기는 하지만, 티스토리 내부 서식에 맞게 변형되어 있어 외부의 규칙으로 작성한 MarkDown이 예상대로 적용되지 않는 경우가 비일비재하다.일례로, 티스토리는 MarkDown의 H1 태그를 변형하지 못한다. 왜냐하면 본문 H1 태그에 대한 대응처리를 하지 않았기 때문이다. 이 뿐만 아니라, 태그 사이 간격, 인라인 코드블럭도 지원되지 않는다.Markdown Tool로 작성한 내용이 예상대로 표시되는 것을 원한다면, 밑의 과정을 따라해 보시라.1. Markdown cdn을 Tistory Html에 복사 붙여넣기 ✂️여기 Html에 들어가서, Html의 태그 안에 다음을 복사 붙여넣기 한다.혹시 최신 버전이 업데이트 되었..

1. git-animals란? 깃허브 프로필을 더 예쁘고 독특하게 꾸미고 싶으신 분들을 위해 제가 알게된 것을 공유하려고 합니다. 아래는 git-animals라는 통계 자료인데, 저의 커밋 수나 contribution 수 만큼 동물과 레벨이 표시되어서 자신의 프로필을 이쁘게 꾸밀 수 있네요! 다음은 저의 git-animals 입니다! commit 30번당 랜덤 가챠로 동물을 얻을 수 있습니다. contribution 1번당 특정 동물의 레벨이 올라갑니다. (근데 이게 깃허브 프로필에 해당 그림을 띄운 시점부터인 거 같네요ㅜㅜ )git-animals 홈페이지에 들어가서 다른 유저와 동물들을 사고 팔 수 있고, 배경도 살 수 있네요?이런 재밌는 내용들이 있어서, 자신의 성과를 표현할 때 더 재밌게 표현할..

1. 문제갑자기 webex나 기본 카메라가 '카메라를 찾을 수 없음'이 떴다. 웹엑스 미팅이 있던 터라 당황했다. 근데 생각해보니 몇 년 전에도 같은 문제를 겪어서 유튜브로 정리해놓은 것이 있었다. 2. 문제 해결https://youtu.be/ysXBzqaCt6Q

1. 원하는 아이콘 찾기 원하는 아이콘을 PNG로 찾는다. 무엇이든 되지만, 저는 여기 추천, 무료라서 안심하고 사용 가능합니다. https://www.flaticon.com/kr/ 저는 제가 그린 그림들을 모아놓은 폴더의 아이콘을 바꿀 예정이므로 다음과 같은 팔레트 아이콘을 택했습니다. 2. 확장자를 PNG에서 ICO로 바꾼다. 폴더의 아이콘으로 쓰려면, 이미지의 확장자가 .ico 여야 합니다. 밑의 사이트를 이용하여, PNG를 ico 확장자로 바꿉니다.https://icoconvert.com/ ICO Convert - Create Icons From PNG & JPG Images OnlineStep 3. Apply styles( optional ) Click the style you like to a..