profile
Front-end Developer
post-thumbnail

[ 클론코딩 ] 28주차

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

2022년 7월 22일
·
0개의 댓글
·
post-thumbnail

[ 클론코딩 ] 27주차

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

2022년 7월 12일
·
0개의 댓글
·
post-thumbnail

[ 클론코딩 ] 26주차

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

2022년 6월 20일
·
0개의 댓글
·
post-thumbnail

[ 클론코딩 ] 25주차

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

2022년 6월 11일
·
0개의 댓글
·
post-thumbnail

[ 클론코딩 ] 24주차

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

2022년 6월 6일
·
0개의 댓글
·
post-thumbnail

[ 클론코딩 ] 23주차

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

2022년 6월 3일
·
0개의 댓글
·
post-thumbnail

PyScript 소개

Html과 Python을 사용하여 페이지를 구성할 수 있도록 해주는 프레임워크head에 PyScript 추가npm에도 pyscript라는 패키지가 있으나 2020년에 출시된 걸로 보아 동일한 패키지가 아님따라서 head에 추가하는 방식이 유일한 방법인 거 같습니다!bo

2022년 5월 24일
·
0개의 댓글
·
post-thumbnail

[ 클론코딩 ] 22주차

이번에는 툴바 관련 로직을 보완하고 이미지 업로드 기능을 일부 구현했습니다!헤더 스타일에도 사용자 경험상 토글로 적용되는 것이 익숙하여 추가했습니다.기존변경block 일 때caret 일 때호버 시 글씨 색상 변경 안됨View 영역 말고 편집 영역에 대한 스타일 적용서버

2022년 5월 24일
·
0개의 댓글
·
post-thumbnail

[ 클론코딩 ] 21주차

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

2022년 5월 4일
·
0개의 댓글
·
post-thumbnail

클론 코딩 [ 20주차 ]

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

2022년 4월 19일
·
0개의 댓글
·
post-thumbnail

[ 클론 코딩 ] 19주차

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

2022년 4월 12일
·
0개의 댓글
·
post-thumbnail

[클론 코딩] 18주차

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

2022년 4월 5일
·
0개의 댓글
·
post-thumbnail

클론 코딩 [ 17주차 ]

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

2022년 3월 14일
·
0개의 댓글
·
post-thumbnail

클론 코딩 [ 16주차 ]

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

2022년 2월 25일
·
0개의 댓글
·
post-thumbnail

Chrome 브라우저에서의 document.domain 변경

오늘은 최근 크롬 개발자 블로그에 보안 관련해서 업데이트 된 내용이 있어 알려드리려고 합니다.원문 링크 : 크롬 개발자 블로그한 줄로 요약하자면,SOP(Same-Origin Policy) 정책을 강화하기 위해 document.domain 에 값을 설정하는 것을 크롬브라

2022년 2월 17일
·
0개의 댓글
·
post-thumbnail

클론 코딩 [ 15주차 ]

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

2022년 2월 8일
·
0개의 댓글
·
post-thumbnail

클론 코딩 [14주차]

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

2022년 2월 8일
·
0개의 댓글
·
post-thumbnail

클론 코딩 [ 13주차 ]

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

2022년 1월 25일
·
0개의 댓글
·
post-thumbnail

클론코딩 [12주차]

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

2022년 1월 20일
·
0개의 댓글
·
post-thumbnail

클론코딩 [11주차]

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

2022년 1월 20일
·
0개의 댓글
·