summer.log

작년 11월쯤, 교수님이 작문 소재로 '비블리오 배틀'을 들고 오셨다. 비블리오 배틀이란 책을 뜻하는 비블리오와 대결을 뜻하는 배틀의 합성어로, 원래는 제한시간 동안 책을 소개하는 서평 대결이다. 일본은 이렇게 비블리오 배틀 공식 사이트도 있다. 사이트를 구경하다보면 '전국 각지에서 열리는~'라고 하는 부분이 있는데 꽤나 인기가 있는 경연인듯 하다. 재학중에 이런 대회 있었으면 당장 참관했을텐데 아쉽다. 확실히 일본이 예전부터 출판강국이었던 만큼 지금도 독서인구가 탄탄하고, 독서인구가 탄탄하니까 이런 다양한 행사도 있고 여러모로 부럽다 知的書評合戦ビブリオバトル公式サイト ビブリオバトルとは？ ビブリオバトルは、誰でも開催できる本の紹介コミュニケーションゲームです。 「人を通して本を知る。本を通して人を知る」をキャッチコピ..

src 내부 폴더 구조 프로젝트의 단위가 커지다 보면 관리해야 할 파일이 늘어나기 때문에 처음부터 구조를 잡고 가는 것이 중요하다는 것을 느꼈다. 인턴을 하기 전까지는 폴더 구조에 대해 생각을 크게 해 본적이 없었는데, 멘토님들의 도움으로 구조를 한번 잡고 나니깐 협업할때 훨씬 수월했다. Components 재사용한 가능한 공통 컴포넌트를 모아놓은 폴더 아토믹 디자인을 도입하는 경우 하위폴더로 Atoms, Molecules, Organisms을 추가한다. 아토믹 디자인이란? 👇 아토믹 디자인을 활용한 디자인 시스템 도입기 | 카카오엔터테인먼트 FE 기술블로그 정호일(harry) 카카오페이지에서 웹 프론트엔드를 개발하고 있습니다. 집보다 밖에 돌아다니는 걸 좋아합니다. fe-developers.kakaoe..

목적 웹 에디터에 이미지 첨부 별도의 파일 첨부 인턴십을 진행하며 노션에 정리했던 첨부파일 관리법을 블로그로 옮기면서 좀 더 다듬어 보았다. (1)편에서는 케이스에 따른 구현 방법의 차이가 없기 때문에 웹 에디터에 이미지를 첨부하는 경우를 집중적으로 작성했다. 1. 에디터 선정 - CKEditor 5 에디터는 CKEditor5를 선택했다. 다양한 버전이 있어 공식 문서(https://ckeditor.com/docs/ckeditor5/latest/index.html)를 살펴보고 필요한 기능에 따라 선택하면 된다. 아래는 Document editor이다. 2. 구현과정 웹 에디터에 첨부한 이미지는 게시물 저장 버튼을 클릭할 때 저장되는 것이 아니다. 왜 그런지 생각해보면, CKEditor5의 글은 html ..