velog 클론 코딩 프로젝트

typescript : 타입스크립트express : 서버 기능 지원pg : PostgreSQL 디비 연동 지원nodemon : Webpack처럼 코드의 변경 사항 자동 반영ts-node : 타입스크립트로 작성한 NodeJS 코드 실행에 필요@types/~ : 패키지의

달성 목표 클론 코딩 2주차에 접어들고 있습니다! 깃헙 리포지토리 링크 한 주에 많은 진도를 빼지는 못하고 있군요 ㅠ 좀 더 화이팅해야겠습니다. 1. ESLint 설정 1-1. eslint 설정 1-1-1. eslint 설치 먼저 eslint를 설치합니다

달성 목표 1. 테스트용 포스팅 서버에 추가 (DB에 string으로) 1-1. DB에 테이블 추가 1-2. API 추가 API 추가 작업은 해당 링크를 참조했습니다 2. USER 정보 API 설계 및 구현 3. 테스트 프레임 워크 도입 4. 에디터 기본 설계

두 가지 문제 수정 후 오류 해결첫 번째 문제는 제가 올렸던 postgreSQL 설치 과정에 있었는데요.새로운 user를 추가해놓고 계속 default 계정인 postgres 라는 유저 내부에테이블을 만들고 있었습니다...그러고 roo 계정에서 계속 테이블을 찾았으니.

안녕하세요! 오늘은 velog 클론 코딩 5주차에 있었던 작업을 한 번 정리해보려고 합니다.

안녕하세요! 오늘은 velog 클론 코딩 6주차에 있었던 작업을 한 번 정리해보려고 합니다.

7주차 업데이트 사항 정리

오늘은 velog 클론 코딩 8주차에 있었던 작업을 한 번 정리해보려고 합니다.

캬.. 벌써 10주차가 돼가네요

이젠 11주차가 돼갑니다. 진행속도에 반성하며 이번주 작업한 내용에 대해 말씀 드리겠습니다! 🎉 Done 1. .scss 파일 제거 > .scss 파일에 적었던 내용들을 상위 styled component 정의부로 이동시켰습니다. CodeMirror 플러그인

이젠 12주차가 돼갑니다.언제쯤 끝날지 생각해보게되는 하루네요 ㅋㅋㅋㅋ그래도 조금씩 발전하는 계기가 되기를 바라며 12주차 포스팅 시작해보겠습니다!이제 얼추 비슷해져 가고 있죠?Write 타입Write 타입이 구현되는대로 하나씩 프로퍼티를 추가하고 있는데 submitB

이젠 13주차입니다. 조금 빨리 돌아온 느낌인데요그래도 끝까지 무너지지 않고 개발중이라는 것만으로도대단하다고 생각되는 날이네요 ㅋㅋ혹시 누가 보더라도 "오~ 신경 좀 썼네~?" 라는 반응이 나올 수 있도록더욱 꼼꼼히 다져야겠습니다.중복되는 태그기존에는 중복되는 부분에

이젠 14주차입니다. 내가 좀 더 열심히 했다면 지금쯤 그럴듯한 결과물이 나왔지 않을까?라는 참회의 느낌이 드네요 ㅋㅋㅋ아주 가늘고 긴 4개월이었던 거 같습니다.개발자들은 근데 다들 똑같은 마음이겠죠..?우리의 삶에는 일도 필요하지만 휴식도 필요하니까요 ㅠ짧은 변명을

연달아 작성하는 15주차입니다. 15주차에는 아주 큰 일이 있었는데요.. 있었던 내용들은 한 번 정리해보도록 하겠습니다.velog 방식1) 동일한 테이블에 임시 저장용 포스트 정보도 저장2) is_temp 플래그로 구분하고, original_post_id를 저장구현하고

말도 안 됩니다.. 16주차에요.이번에 기능 구현하면서 느낀 점은 간단해보이는 서비스고 기능이더라도서버랑 엮이면 해야할 일들이 정말 많다는 것을 깨달았습니다.복잡하지 않더라도 이것저것 정신없이 하다가 보면내가 어디까지 진행했는지 기억하기도 쉽지 않고 코드 정리도 뭔가

ㅠㅠ.. 이제 17번째 포스팅을 적고 있군요코로나 감염으로 한 주 건너뛰기는 했지만,지난 스터디에 나왔던 내용들 정리와 구현 내용에 대해서 공유해보려고 합니다~!임시 저장에 대한 API 네이밍을 어떻게 가져가면 좋을까?지난 시간에 임시 저장에 대한 API 네이밍을 어떻

그래도 2주동안 푹~ 쉬었더니 열정이 조금 살아났습니다.(치킨과 휴식의 힘으로...)많은 진도를 빼지는 못했지만 그래도 길을 개척하는데 시간이 조금 오래걸렸을뿐다음주에는 많이 구현을 해낼 수 있을 거 같아요!편집성만큼은 기존 velog를 뛰어 넘을 수 있도록 한 번 구

이번에는 약속한대로 스타일 관련 기능들을 추가했습니다!시나리오 중 오피스 동작과 다른 부분들이 있었지만 일단 velog 시나리오에 맞춰 구현했습니다!제가 해왔던 office와는 다르게 셀렉션의 단위가 line입니다.현재 커서의 위치를 line, ch(offset)으로

이번에는 단축키 관련 내용들을 추가했습니다!이전에도 해봤던 내용이라 단순하게 생각했는데,기존에 존재하는 에디터랑 사용하다보니 예상치 못한 변수들이 있었네요..그 덕에 좋은 경험을 얻을 수 있었습니다!여러 우여곡절 끝에 결국 직접 구현하는 방향을 선택했습니다.이전에 관련

이번에는 단축키 관련 내용들을 추가했습니다!!이전에도 해봤던 내용이라 단순하게 생각했는데,기존에 존재하는 에디터랑 사용하다보니 예상치 못한 변수들이 있었네요..그 덕에 좋은 경험을 얻을 수 있었습니다!velog에서는 스타일이 토글되지는 않지만 사용자 경험상 토글로 적용

팝업 이미지링크 삽입 (Write)링크 삽입 (View)링크텍스트1\. 닫힘 시나리오 : 무조건 팝업 외부 마우스 클릭 (ESC 안 먹음)2\. 버튼 클릭 시 팝업 url 입력 창으로 포커스 이동3\. ENTER 혹은 '확인' 버튼 클릭을 통해 링크 삽입 가능

팝업 종료 및 url 삽입확인 버튼 클릭 이미지마크다운 입력 및 팝업 종료마크다운 입력현재 셀렉션 위치에 \[링크텍스트](URL) 스트링 삽입팝업 종료reactjs-popup 가이드Popup의 children을 {close => JSX } 형태로 구현매개변수 전달브라우

🎉　Done 1. write 영역 스타일 추가 📝　To-Do 1. 이미지 업로드 API 연결 2. 출간하기 후 포스팅 view 페이지 연결 3. 기존 포스팅에서 수정하기 클릭 시 시나리오 구현

🎉　Done 1. 인용 및 링크 스타일 추가 2. url 정상적으로 안 들어가는 문제 3. 코드 블록 기능 구현 📝　To-Do 1. 인용, 링크(url 안 들어가는 문제) 마무리 2. 코드 블록 기능 구현 3. 이미지 업로드 API 연결 4. 출간하기 후 포스팅

프로토콜이 빠진 url위와 같은 스트링을 a.href에 넣을 경우 정상적으로 경로를 찾지 못함.404 에러URL 객체 사용 : MDN 관련 링크1\. 들어온 url은 일단 유효하다는 가정 (사용자 잘못 ㅋ)2\. 프로토콜이 있는지 검사 ㄴ 있다 - origin이 동일한

이번에는 기존 구현된 페이지를 보수하는 작업을 거치려고 합니다.매번 새로운 기능을 개발하고 포스팅하는 식으로 하다보니다른 변경사항을 따라가지 못하는 곳들이 조금씩 생겨나서이제는 조금 완성도를 높여보고자 합니다!현재의 메인 페이지 모습현재의 메인 페이지 모습입니다..누가

이번에는 기존 구현된 페이지를 보수하는 작업을 이어가려고 합니다.skeleton 상태일 때 너비값이 잘 계산되지 않는 문제가 있었어요정상적인 메인 페이지 모습skeleton 상태의 메인 페이지 모습구데기로 나오는 모습을 확인할 수 있네요..skeleton과 실제 Pos