배너 이미지
2차 프로젝트 시작하기 직전에야 쓰는 1차 프로젝트 회고

2차 프로젝트 시작하기 직전에야 쓰는 1차 프로젝트 회고

About Project Github 기획서 프로젝트 팀원 분들과 주제를 정하다, 이렇다 할 주제가 나오질 않아 서로의 관심사를 공유하는 시간을 가져봤고, 그 과정에서 '여행'과 '음식'이란 키워드가 가장 많이 겹쳐 '음식이 가져다주는 행복'을 지역별로 기록하는 서비스를 제작하게 되었습니다. 결과물 서버가 내려가서 작동 과정이 가장 잘남은 자료가 스터디원 분들께 크롬 개발자 도구에 Recorder 나온 거 보여 드리려고 촬영했던 동영상이네요.프리미어로...

도메인 변경

도메인 변경

사이트 주소에 있는 대시(-)가 눈에 거슬린 지는 꽤 됐습니다.쓰기도, 보기도 불편한데, 요즘 도메인을 직접 입력해 사이트에 접속하는 사람이 줄고 있는 건 사실이니, 굳이 귀찮은 데다 쌓여가는 백링크 등까지 모조리 포기해야 하는 수는 두지 말자는 마음으로 외면해왔습니다. 이 문구를 보기 전까지는요. 안 그래도 눈엣가시던 대시를 없애는 게 좋다는 합당한 이유까지 생겨 곧바로 marshallku.com을 10년 치 결제했고,...

2021년 결산

2021년 결산

어느덧 2022년 벌써 2022년이 목전에 다가왔습니다. 글 쓰는 시점에서 30분도 채 남지 않았네요.올해 안에 글 작성을 마무리하고 싶은데 가요대제전에서 에스파가 Dreams come true 무대를 시작하네요…미래가 많이 불투명해졌습니다. 올해 초에 서울로 이사 오고 이래저래 일은 많았던 것 같은데, 돌아보니 참 회상할 게 없네요.그래도 여러모로 좀 더 정서적으로 여유로운 사람도 되고, 연말에 듣기 시작한 엘리스 sw 엔지니어...

엘리스 sw트랙 팀 프로젝트 중간 회고

엘리스 sw트랙 팀 프로젝트 중간 회고

팀 프로젝트 엘리스 SW 트랙에는 2번의 팀 프로젝트가 있습니다.그중 7주간 학습한 Vanilla JS와 Node.js를 활용해 2주가 조금 안 되는 기간 웹 서비스를 제작하는 첫 번째 팀 프로젝트를 진행 중입니다.저번 주 화요일(14일)부터 시작해 이번 주 토요일(25일)까지 코드를 완성하고, 다음 주 월요일(27일)에 발표가 이뤄집니다. 일정을 보시면 아시겠지만, 프로젝트를 진행하기엔 아주 촉박한 시간이고, 덕분에 전 여가와 잠 등을...

CSS로 기기 파악하기

CSS로 기기 파악하기

반응형 웹이란 말은 이제 쓰는 것조차 이상하게 느껴질 정도로 디스플레이의 크기에 맞는 화면을 보여주는 건 당연시되고 있습니다. 근데 단순히 디스플레이의 크기에만 모든 디자인을 맞추는 게 정답이 아닐 때가 종종 있습니다.예를 들어 사진만 표시되다 커서를 올리면 텍스트를 출력하는 등 다양한 상황에 :hover 선택자를 활용해 디자인하는데, 터치스크린에서 꾹 누르는 동작 등도 hover로 인식하기에 마우스 등의 장치가 없을...

2021 첫눈, 그리고 근황 잡담

2021 첫눈, 그리고 근황 잡담

카테고리에 맞게 잡담으로 글을 시작해보자면, 무려 6개월 만에 이 카테고리에 글을 발행해봅니다. 첫눈 오늘 눈이 유난히 일찍 떠져서 더 자보려 노력하다 그냥 작업실로 길을 나섰는데, 첫눈이 내리는 걸 보게 되었네요.첫눈 내리는 걸 보려고 일찍 일어나졌나 봅니다. 첫눈이 내리고 보니 벌써 다음 주면 수능이고, 2021년을 보내줘야 할 때가 코앞까지 다가왔단 게 실감 나네요.해 바뀌는 걸 크게...

211110 GIF Converter 제작일지

211110 GIF Converter 제작일지

개발 서버 세팅 전 제작일지에서도 언급했듯, SharedArrayBuffer 사용을 위해선 사이트 격리를 위한 헤더 추가가 필요한데, snowpack에는 dev server의 응답 헤더를 수정하는 기능이 없습니다. 억지로 node_modules/snowpack/lib/cjs/commands/dev.js 파일을 수정하여 응답 헤더를 추가해줬습니다. function sendResponseFile(req, res, { contents, originalFileLoc, contentType }) {     var _a;     const body = Buffer.from(contents);     const ETag = etag_1.default(body,...

210924 블로그 제작일지

210924 블로그 제작일지

블로그 글로벌 네비게이션 다크 모드 설정 버튼이 드로어에만 숨어있는 건 접근성이 떨어지지 않을까 항상 고민이 많았는데, 눈에 보이는 곳 중 적당히 넣을만한 데가 없어서 해결은 못 하고 있었습니다.결국 좌우대칭을 포기하고 글로벌 네비게이션에 넣어봤는데, 나름 적당한 위치인 것 같네요. 버튼은 하난데 테마는 셋(라이트, 세피아, 다크)이라 토글을 어떻게 해야 할지도 고민거리였는데, 단순하게 라이트 -> 세피아 -> 다크...

📚 카테고리

제작일지

제작일지

Tips

Tips

작업물

작업물

잡담

잡담

갤러리

갤러리

📃 외부 페이지

📷 갤러리

카카오페이 qr코드 모바일이시라면 클릭