나는 포트폴리오를 직접 만든 사이트를 통해 운영하다가 최근 Notion으로 모든 데이터를 이전했고 기존 운영하던 포트폴리오 사이트의 도메인을 Notion에 연결했다. 처음 Notion을 접했을 때는 단순한 메모 툴 정도로 여겼는데 Notion의 기능들을 활용하다 보니 가볍게 여길 서비스는 아닌 것 같다. [Notion] 노션 공개 페이지에 도메인 연결하기 노션에서 작성한 모든 페이지는 공개 링크를 만들어 다른 사람에게 공유하거나 검색 엔진에 노출시킬 수 있다. 노션에 가입하지 않아도 누구나 방문할 수 있다는 말이다. 언제가 될진 모르겠지� romantech.net 그러나 어느 날부터 포트폴리오 사이트 접속 시 이미지를 받아오지 못하는 오류가 발생하였고 로그를 확인해보니 URL의 GET 파라미터가 정상적으..

원래는 "프론트엔드 대세 따라잡기"라는 타이틀로 리액트의 특징에 대한 정리부터 간단한 토이 프로젝트 진행까지 순차적으로 게시물을 작성할 계획이었으나, 개인적인 일정이 바빴던 탓도 있고 하나하나 정리하는 것이 꽤 많은 시간이 들어 이 부분은 생략하고 짧게 진행한 토이 프로젝트에 대한 경험을 기록해 보겠다. 프로젝트 이야기 프로젝트의 시작은 SNS 상에서 많은 사람들이 서브웨이(샌드위치 판매점)에서 주문하는 방식에 어려움을 겪고 있다는 니즈를 파악한 후였다. 서브웨이는 샌드위치가 만들어지는 모든 단계에서 구매자의 선택을 필요로 하는데 서브웨이 입문자는 첫 번째 단계인 빵 선택부터 많은 어려움을 겪는다. 그래서 내가 생각한 아이디어는 각 단계의 선택지에서 설명과 몇 명의 사람이 선택하였는지를 나타내고 이를 통..

나는 시력이 좋지 않아 다회용 렌즈를 자주 사용하는데 매번 사용 횟수를 기억하고 정확한 시기를 맞춰 교체하는 것에 어려움을 종종 겪었다. 그래서 렌즈 사용 기록을 관리하는 앱을 개발할까 하다가 iOS의 단축어 기능을 알게 되었고 이것을 통해 렌즈 사용 기록을 해야겠다고 마음을 먹고 다회용 렌즈 사용 기록 단축어를 만들어 보았다. 처음 만들어보는 단축어였는데 생각보다 만들기도 쉬웠고 만들어두니 매우 편리했다. 스크린샷 작동 원리 'Lens Calendar' 라는 단어가 포함된 메모를 찾는다. (yes) 계속 이어서 진행한다. (no) 'Lens Calendar'가 포함된 메모를 생성한다. 사용자의 입력을 받는다. (착용 or 교체) (착용) 선택된 메모에 현재 시각을 추가한다. 남은 착용 횟수는 메모 줄 ..

접은 글 위치 변경 지난 포스팅에서 접은 글 기능의 텍스트를 변경하는 방법을 다루었는데 댓글에서 접기 버튼이 접은 글 뒷부분에 나오도록 수정이 가능한지 묻는 댓글이 있어 확인해본 후 해결하여 스크립트를 작성하였습니다. ※ 지난 글 [개발] 티스토리 접은 글 텍스트 변경하기 접은 글 텍스트 변경 티스토리 블로그를 이용하면 서 접은 글 기능을 이용하는 경우가 가끔 있는데 접은 글이 본문에서 ...더보기와 접기로 밖에 나타낼 수 없다는 점을 파악하고 해당 텍스트를 수동으로 변경할.. blog.siyeol.com 결과물 스크립트 삽입 방법 스크립트를 삽입하기 위해서는 블로그 관리 > 스킨 편집 > HTML 편집으로 접속하시면 됩니다. HTML 편집에서 head 태그 내부의 script 태그에 아래 코드를 붙여 ..

접은 글 텍스트 변경 티스토리 블로그를 이용하면 서 접은 글 기능을 이용하는 경우가 가끔 있는데 접은 글이 본문에서 ...더보기와 접기로 밖에 나타낼 수 없다는 점을 파악하고 해당 텍스트를 수동으로 변경할 수 있는 스크립트를 작성하였습니다. 결과물 스크립트 삽입 방법 스크립트를 삽입하기 위해서는 블로그 관리 > 스킨 편집 > HTML 편집으로 접속하시면 됩니다. HTML 편집에서 head 태그 내부의 script 태그에 아래 코드를 붙여 넣습니다. // 접은글 텍스트 변경 스크립트 $(document).ready(function(){ $(".btn-toggle-moreless").each(function(){ var text_more = $(this).parent().first().data("text-m..

TypeScript 공부 겸 객체를 하나 구성해 보았다. 뻔한 객체는 재미가 없어서 스타벅스를 주제로 Drink 객체와 Coffee 객체를 만들었고 바닐라 라떼를 만들었다. 공들여서 짠 코드도 아니고 예외처리도 없는 재미로 짠 코드이니 그저 재미로 보면 좋을 것 같다. Interface Syrup name : enum(mocha, vanilla, caramel, dolce ...) sugar : boolean count : number Milk ratios : number type : enum(whole, nonfat, 2 percent, soy, coconut, almond) Struct Drink size : enum(tall, grande, venti) type(cold, hot) own_cup :..