| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | 7 |
| 8 | 9 | 10 | 11 | 12 | 13 | 14 |
| 15 | 16 | 17 | 18 | 19 | 20 | 21 |
| 22 | 23 | 24 | 25 | 26 | 27 | 28 |
- nuxt layout
- 방심은금물
- 클래스 토글
- classList toggle
- windowwidth
- 대표님물리기없기
- 냥빨이다가온다
- nuxt.js
- react-router
- classList
- vue3 setup
- 2020
- 커스텀훅
- chart.js
- 배열중복제거
- react
- new set()
- 포트폴리오
- 퍼블리싱
- classList add
- 언젠간가겠지
- chart responsive
- 리엑트할수있는퍼블리셔라규
- 안짤렸다
- classList remove
- 간식금지다!
- ROUTER 버전6
- 접근성
- react-router-dom
- 내배위의고양이
- Today
- Total
목록log (32)
틈
2026.01.20
1월 25일에 세운 목표 1. 나는 5,000만원을 모았다. 2. 나는 자신있게 10분 프리젠테이션을 했다. 3. 나는 영어로 자신있게 나 자신을 소개할 수 있다. 4. 나는 react로 20페이지 프로젝트를 마무리했다. 5. 나는 추억 포토북 5권을 제작했다. 6. 나는 수영 고급반으로 갔다(50m 레인을 쉬지 않고 5번 왕복했다.) 7. 나는 책 100권을 읽었다. 8. 나는 레시피북 100페이지를 완성했다. 9. 나는 50kg이 되었다. 10. 나는 피그마로 20페이지 프로젝트를 디자인했다. 우선은, 달린다!
지인을 통해 외주 작업을 하게 되었다. Vue.js 프로젝트였는데, 문제는 Design. 처음에는 Design 이 필요없는 프로젝트라고 했는데, 어찌저찌.. 내가 디자이너가 되어 있었다. 읔... 오랜만에 포토샵으로 디자인 하려니 넘 힘들어... 어찌저찌 간단 시안을 제출했는데, 문제는 메인 페이지가 반려당해서 멘탈이 나가 버렸다. (왜 외주는 항상 제일 바쁜 때에 들어오는 것인가...) 회사에서 같이 일하는 베테랑 디자이너님이 사정을 알고 1시간도 안되어서 피그마로 시안을 만들어주셔서 바로 통과했다. 이게 Figma를 시작하게 된 동기다. 앞으로 10년은 이 일을 하면서 돈을 벌테고, 디자인+퍼블리셔 혹은 퍼블리셔+프론트엔드로 살아남아야 할터인데, 포토샵은 이미 너무 과거의 도구가 되었다. Figma는..
IMF 사태 이전부터 홈페이지 만들기에 빠져 지냈던 나에게 서버니, DB니 보다 훨씬 재미있었던 분야는 '태그' 였다. 그 당시에는 다음 카페에 태그를 이용한 반짝이는 효과, 배경에서 눈이 내리는 효과 등의 꾸밈 기능을 올리는게 유행이었다. 새로움에 벽이 없는 친구들은 다른 사람이 만든 걸 복사하고, 커스텀 하고, 심지어 만들기까지 해서 카페에 글을 올리곤 했었다. 공부하느라 혹은 그 엄청난 걸 만드는 친구들의 스킬을 보고 스스로에게 자신이 없어져 태그에 관심을 끄게 되었고, 그렇게 시간이 흘러 대학생이 되고, 사회에 나왔다. 현생을 살며 무기력에 지배당하던 나에게 직업이 절실해질때 쯤 지역직업교육센터에 지원하여 일반 사무직을 목표로 직업교육을 받은 적이 있었다. 그 때, 내가 다니던 직업교육센터 센터장..
프리로서 첫번째 프로젝트가 끝났다. 첫 프로젝트 회고. 1. gulp system 사용. - 처음으로 gulp를 사용했다. 먼저 프로젝트에 투입된 퍼블리셔의 scss를 사용하자는 제안으로 vs code 기본 기능인 sass compiler를 사용했는데, 레이아웃 전체를 짜는 상황에 와서는 include 기능도 사용하면 좋겠다 싶었다. prettier와 eslint도 사용하는 마당에 못할거 있나 싶어 gulp를 도입해보았다. 같이 작업하는 분이 이전 프로젝트로 vue를 하셨다고 하니, 적당히 맞춰서 작업이 가능하겠다는 판단에서 했는데, 레이아웃 환경을 만들 때 개이득! header, lnb, footer 등의 레이아웃이나 자주 쓰는 마크업을 include 시켜서 변경사항이 있어도 전 화면을 동일하게 유지할..
폴더 안의 파일을 리스트화(array 형식)으로 받아와서 사용하기 var http = require("http"); var fs = require("fs"); var url = require("url"); var app = http.createServer(function (request, response) { var _url = request.url; var queryData = url.parse(_url, true).query; var pathname = url.parse(_url, true).pathname; var title = queryData.id; if (pathname === "/") { fs.readFile(`data/${queryData.id}`, "utf-8", function (err..