죽음 – 베르나르 베르베르

“누가 날 죽였지?” 자신의 죽음을 추적하는 추리소설 작가 가브리엘 웰즈, 사실 읽다보면 죽음이 그렇게 나쁜 건 아니구나 느껴진다. 한번은 죽음을 경험해보고 싶어지는..?ㅎ-ㅎ 표지는 무섭지만 그렇게 무겁지도 무섭지도 않은 이야기이다. 베르나르를 보면 매번 죽음에 관해 신박하게 풀어내는게 참 신기하기도 하다.

Read more
토와의 정원 – 오가와 이토

어두컴컴한 세상에서 다시 사람을 찾아 정원을 가꾸는 토와의 이야기. 따뜻하기만 했던 세상이 급격히 얼어붙을 때, 주인공의 담담한 감정 변화가 너무 안타까웠다. 그럼에도 정원의 꽃과 풀들은 추운 계절을 지나 다시 돌아왔고 엄마의 샘은 여전히 마르지 않았다.

Read more
달러구트 꿈백화점 – 이미예

제목과 표지만 봐도 동화같은 분위기라 냉큼 고르게 되었다. (표지 예쁜 책 좋아하는 편) 수면가운을 입혀주는 털복숭이 녹틸루카, 꿈백화점의 입체적이고 귀여운 직원들, 그리고 꿈을 꾸며 성장하는 사람들을 보면 나도 얼른 누워서 꿈을 꾸고 싶어진다. 좋은 꿈이든 나쁜 꿈이든 다 좋다.

Read more
겨울장면 – 김엄지

오랜만에 읽기 시작한 소설이어서 그런지 처음은 낯설고 난해했다. 시점이 과거인지, 현재인지 실제로 존재하는 인물인지 무엇도 확실하지 않은 이야기인데 그대로 R을 따라가다보면 시간과 관계를 잊어버린 우리네 삶이 보이는 듯 하다. 근데 사실 읽고 나면 이렇다하고 확 와닿는게 없다 뭔가 추상적인 현대미술 보는 느낌 내가 예술을 잘 몰라서 그럴수도…ㅎㅎ

Read more
Jquery 페이지네이션 구현하기 (제이쿼리 페이징)

네 그렇게 하기 싫었던 제이쿼리를 하게되었습니다. 정말 제이쿼리 직관적이긴 한데 너무 무겁고 옛날 스타일이고… 아무튼 제이쿼리 페이지네이션을 맡게 되어서 정리할 겸 올립니다. 일단 페이지네이션을 여러페이지에서 사용할 거라 함수로 만들었고, 프로젝트 구조에 맞춰 append 하기 때문에 주석처리 해놓은 부분은 자신의 프로젝트 구조에 맞춰 바꾸면 됩니다. 페이지네이션 코드 (param: append할 tableId, 전체데이터 수, 테이블에 나타낼 데이터 수, […]

Read more
React ) html파일 렌더링하기, script 태그 사용하기

퍼블리싱을 받았는데, noscript와 script 태그를 사용한 부분이 있었다. 문제는 리액트에선 두 태그를 사용하기가 까다롭다는 것… 그래서 아예 html파일을 만들고, 해당 파일을 iframe으로 렌더링하기로 했다. html 예시 iframe을 이용해 렌더링하는 법

Read more
react-id-swiper 라이브러리 인스턴스, 자동재생 컨트롤 다루기

슬라이더 구현에 react-id-swiper 라이브러리를 사용하게 되었다. 자동재생을 멈추고 다시 재생시키는 컨트롤 기능을 구현해야하는데 문서를 찾아봐도 react에서 인스턴스 생성하는게 없었고, useRef를 이용해도 계속해서 null값만 들어왔다. 그러던 중, github에서 해답을 찾았다. (출처 : https://github.com/kidjp85/react-id-swiper/issues/20) 나도 해당코드를 사용해서 메소드로 자동재생을 컨트롤 할 수 있었다. 사용예시

Read more
자바스크립트 문자열 전체 replace 하기 (replaceAll)

문자열 replace는 특정 값을 지정한 값으로 바꿔주는데, 문자열 전체를 바꿔주진 않는다. 처음 해당하는 변수만 바꿔주고 실행을 멈춘다. 그렇다고 for문을 다 돌리기엔 코드 가독성이 안좋아서 정규식으로 하는 방법을 찾았다. 이렇게 하면 된다! 혹시 안의 값이 소대문자 구문이 필요하지 않으면 gi를 넣으면 된다.

Read more
React ) useScroll / 노마드코더말고 직접 만든 스크롤 훅

섹션마다 스크롤 이벤트를 더해야해서 custom hook으로 만들어봤다! 노마드 코더와 다른 점은 element가 정해진 지점에 오게되면 true를 반환해서 해당 컴포넌트에서 스타일을 더하게된다. (이건 각자 css에서 정하면 된다 나같은 경우는 fade in) useScroll 사용예시

Read more