티스토리

Bug & Burger

검색하기

블로그 홈

Bug & Burger

99years.tistory.com/m

잼얘 나누어요

구독자: 6

방명록 방문하기

반응형

주요 글 목록

개발블로그 뭐 써야 하나? 벨로그장점: 본문 가독성이 좋음, 예쁘다, 개발 전용이다단점: 카테고리 개념이 없다 티스토리장점: 대기업 블로그단점: 오래된 블로그 서비스라 티스토리 자체의 구조적 문제가 조금 어떻게 해야 할까요? 항상 뭐가 더 나은지 고민만 하다가 개발 블로그를 안 쓰게 돼요 공감수 1 댓글수 0 2025. 3. 13.
Vanilla TS - 웹 컴포넌트 만들어보기 설정es6-string-html을 설치하면 템플릿 리터럴의 html 코드 하이라이팅이 됩니다.(prettier는 굳이 안 써도 사용하고 있겠죠?)이렇게 템플릿 리터럴 앞에 /* HTML */ 주석을 달면prettier에서 코드포맷팅을 해주고 es6-string-html 이 코드 하이라이팅을 해줍니다. (style 태그 안의 css도 포맷팅&하이라이팅 됨)하나하나 createElement로 노드를 조작하면, 복잡해질수록 가독성과 유지보수가 너무 어렵기 때문에 템플릿 리터럴을 사용하도록 하겠습니다. 템플릿 리터럴을 사용했을 때의 단점이 어느정도 해소됩니다.그리고 vite로 vanilla -> ts로 프로젝트 생성해줍니다.https://ko.vite.dev/guide/시작하기https://ko.vite.. 공감수 1 댓글수 1 2025. 3. 7.
[삼성역 점심 토벌전] 브루클린 더 버거 조인트 삼성점 브루클린 더 버거 조인트 삼성점삼성역은 딱히 즐길만한 컨텐츠도 없고 특별한 맛집도 없는 것 같지만…… 양산형 맛집이 아니라 추천할만한 곳을 찾자면 이곳 브루클린 더 버거 조인트입니다. 맛있는 수제버거를 먹을 수 있어요. 제가 먹어본 햄버거 중 가장 맛있는 곳은 아니어도 개인적으로 순위권 안에 들어요.제가 먹어본 햄버거 중 가장 맛있었던 것은 일본 고베의 Hyoe's Burgers + Fries 라는 TMI도 첨부합니다. https://maps.app.goo.gl/aBtt5qNW6Waa93E98?g_st=com.google.maps.preview.copy Hyoe's Burgers + Fries · Kobe, Hyogowww.google.com메뉴판 가격은 점심으로 먹기는 좀 비싼 편입니다. 회사에서 밥 .. 공감수 6 댓글수 1 2025. 1. 24.
연극 [카포네 트릴로지] 티켓팅 후기 안녕하세요! 개발 얘기 빼고 다 하는 개발자 블로거 밀밀입니다. 오늘은 카포네 트릴로지 티켓팅에 대한 후기를 남겨볼게요.저는 취미 부자인데요 공연 출판계의 빛과 소금이기도 합니다. 요번에 연말정산 했다니 도서공연에 이백 넘게 찍혀있었어요. (충격)연극 카포네 트릴로지카포네 트릴로지는 2015년에 초연한 라이선스 연극입니다! 저는 대학로에 처음 발을 들인 건 2014년인데도요 돈과 시기의 문제로 카포네 트릴로지를 아직 본 적이 없어요. 이제 돈을 버니까(대신 시간이 좀 없는 거 같기도……) 궁금한 작품들은 챙겨서 보려고 하고 있습니다.”트릴로지“라는 제목에서 알 수 있듯, 이 작품은 세 편의 연작으로 되어있습니다. 로키/루시퍼/빈디치 세 편으로, 시간적 순서도 동일하지만 독립된 내용으로 꼭 순서대로 볼 필.. 공감수 4 댓글수 4 2025. 1. 22.
저속노화쌤 (정희원 교수)의 더커진 닭가슴살 잡곡밥 삼각김밥 안녕하세요.요즘 저속노화 식단이 유행인데요. 저는 전혀 따라할 생각이 없습니다.그런데 세븐일레븐에서 저속노화 쌤과 공동 개발한 음식들이 출시되었어요.저는 저속노화 도시락이 먹고 싶어서 세븐일레븐으로 갔는데 저속노화 도시락도 없고 저속노화 김밥도 없는 와중 저속노화 삼각김밥은 있길래 구매했습니다.과연 저속노화의 맛은 어떨까?한 입 먹어보고 느낀 것은 와 삼각김밥이 이렇게 슴슴하고 건강한 맛이 날 수가 있구나... 였습니다.건강이란 이런 걸까?뭘 먹어도 똑같은 맛이 나고 뭘 먹어도 건강에 안 좋을 거 같은 게 편의점 신선 식품인데이런 건강한 맛이 나는 제품이 출시되었다는 것이 고무적입니다.하지만 맛은 기대하지 마세요.정말 건강한 맛이에요.그럼... 이만 공감수 1 댓글수 2 2025. 1. 17.
[삼성역 점심 토벌전] 밥스키친 (돈까스 치킨 파스타 뷔페) 밥스키친 https://naver.me/FHl0d0xs 네이버 지도밥스키친map.naver.com 건물 지하 1층에 있는 돈까스 치킨 파스타 뷔페입니다. 말 그대로 돈까스, 치킨, 파스타가 메인 메뉴인 뷔페로 메뉴는 랜덤이라고 하지만 거의 고정입니다. (고구마 맛탕 대신 볶음밥이라는 배리에이션이 있음.) 파스타도 랜덤인데 제가 간 날은 거의 묵은지 파스타였고 오늘은 고사리 로제 파스타였네요. 다른 파스타 메뉴를 아신다면 제보 바랍니다. 이외에 떡볶이, 메밀국수, 수프 등이 있어요. 항상 메뉴가 같기 때문에 자주 가기는 무리가 있고 어쩌다 한번 가는 게 낫네요.5,000원짜리 포장만 가능한 덮밥이 이 동네에선 가성비가 좋아보입니다. 하루 50개 한정. 삼성역 물가를 고려하면 9,900원이라는 가격이 나쁘.. 공감수 0 댓글수 0 2025. 1. 16.
포켓몬 카드 게임 pocket - 우리집 세레비 어디까지 약해질 수 있을까? 오늘의 주제안녕하세요.왜 포케포케를 하면 남의 집 ㅇㅇ덱은 강한데 우리집 ㅇㅇ덱은 약할까 고민하신적 다들 있을텐데요. 그게 정말 사실일까요?오늘은 우리집 세레비, 과연 어디까지 약해질 수 있을지 알아보도록 하겠습니다.에너지 4개를 붙여 동전 8개를 던질 수 있는데요대충 그럼 200데미지 이상은 나와야 하는 거 아냐? 하는 생각이 듭니다.실제로 이항분포로 4개 이상 앞면이 나올 확률은그렇다고 하네요. 동전 8개를 던져서 모두 뒷면이 나올 확률은 모두 앞면이 나올 확률과 같은 0.39%인데요, 왜 모두 앞면은 안 나오면서 이런 일은 벌어지는 걸까요?아무래도 제가 결제 태도가 좋지 않아서 확률 조작이 일어나는 것 같습니다.샤로다 칼진화에 성공할 정도면 확장팩 나시가 가성비가 더 좋아요. 결론우리집 세레비는 실.. 공감수 1 댓글수 0 2025. 1. 13.
서브스턴스 (THE SUBSTANCE, 2024) 1.어느날 알고리즘에 뜬 메이크업 튜토리얼을 보다 중안부 축소, 꼬막눈 같은 용어들을 보며 대수롭지 않게 넘기지만 이제 중안부라는 개념을 알기 전으로는 돌아갈 수가 없다. 어느날 렌즈를 끼기 위해 거울을 본다. 평소 안경을 꼈을 땐 잘 보이지 않던 피부의 디테일함이 보인다. 그래서 쿠션을 찍어 바른다. 내가 아는 대부분의 여자들은 크든 작든 외모 정병을 다 갖고 있었다. 그럼 나는 외모 정병에서 자유로운가? 그렇지는 않다. 그냥 생각을 깊게 하지 않을 뿐이다. (30대가 되면 정병이 도질지도...)극중 엘리자베스가 나갈 준비를 하며 화장을 고치다 절망하고 얼굴을 박박 문지르는 장면은 현실적 고통과 맞닿아있다. 수가 자신의 치아를 스스로 뽑는 장면의 자기 파괴적인 욕구도 어떻게 보면 연결되어있는 것 같다... 공감수 4 댓글수 0 2025. 1. 10.
포켓몬 카드 게임 Pocket - 세레비 한 장으로 만드는 세레비덱 세레비가 한 장인데 세레비덱을 쓸 수 있을까?[포켓몬 카드 게임 Pocket]은 같은 포켓몬을 덱에 최대 두 장 편성 할 수 있습니다. 따라서 메인 포켓몬 카드를 두 장 넣는 게 일반적입니다. 하지만 카드깡이 망해서 세레비 ex가 한 장 뿐이지만 남의 집 세레비에게 지는 게 분해서 세레비 한 장으로 세레비덱을 만들어 싸워보겠습니다. 아라리 2 주리비얀2샤비 2샤로다 2나시 1나시 ex 1세레비 ex 1스피드업 2몬스터볼 2박사의 연구 2민화 2초련 1저는 도파민 중독자라 확장팩 나시를 써보겠습니다.VS 세레비(타타륜)덱상대방도 세레비덱입니다. 저도 빨리 샤로다로 진화시켰지만 상대편이 칼진화한 바람에 졌습니다. VS 프리져덱?카드 뽑기 망한 프리져덱입니다. 저도 진화에 망했지만 상대방이 더 망해서 이겼네요.. 공감수 4 댓글수 2 2025. 1. 9.
[삼성역 점심 토벌전] 소곱삼 삼성역점 한식뷔페 소곱삼: 점심 뷔페[네이버 지도]소곱삼 강남 삼성역점서울 강남구 삼성로104길 23 2층 소곱삼https://naver.me/GrmC4JhE 네이버 지도소곱삼 강남 삼성역점map.naver.com네이버 지도에서는 저녁 정보만 확인 할 수 있으나 점심은 한식 뷔페만 운영합니다. 9,000원으로 삼성역 주변 점심값으로는 가성비 좋은 편에 속합니다. 12시 쯤 웨이팅 없이 입장했습니다. 식권 구매 시 10+1 라고 하네요. 현금으로 구매할 경우 하루 7,800원으로 점심식사가 가능하니, 엄청 저렴하네요. 후식으로 요구르트랑 빵 같은 것들도 준비되어 있어요. 요약방문일: 2025년 1월 9일방문인원: 4명 가격: 9,000원 (현금 8,500원)웨이팅: 없음혼밥: 가능비슷한 식당밥스키친https://99year.. 공감수 3 댓글수 4 2025. 1. 9.
점심토벌전을 시작하며 삼성역에서 직장인으로 살아남기저는 삼성역 근처 회사를 다니고 있습니다. 도시락을 싸서 다니던 시절도 있지만 귀찮음 이슈, 시켜 먹었더니 업체 망함 이슈 등으로 최근에는 나가서 내돈내산으로 삼성역 근처 식당에 점심을 먹으로 다니고 있지요.하지만 슬픈 사실이 있습니다. NHN 페이코 식권 데이터 분석에 따르면 수도권에서 평균 한 끼 식비가 가장 비싼 곳은 바로 삼성역이라고 합니다. 정말로 한 끼에 만 오천원을 쓸 일은 없는 편입니다만, (아예 없지는 않아요.) 확실히 삼성역 식당 물가가 비싸기는 합니다. 일반적으로 1만원을 초과하는 비용을 한 끼 식사에 지불해야 합니다. 게다가, 맛도 비슷하고 뭐가 다른지 모르겠는데 매일 매일 뭘 먹을지 고민해야 합니다. 이미 점심 비용을 아낀다는 생각은 없어지고 그냥 식비.. 공감수 2 댓글수 2 2025. 1. 9.
"useEffect" 리액트에서 자주 쓰이는 훅은 바로바로 useEffect이다. 이것의 정의를 [리액트 딥 다이브]라는 책을 참고하여 정확하게 내리자면... useEffect는 애플리케이션 내 컴포넌트의 여러 값들을 활용해 동기적으로 부수 효과를 만드는 메커니즘이다. 그리고 이 부수 효과가 '언제' 일어나는지보다 어떤 상태값과 함께 실행되는지 살펴보는 것이 중요하다. ..라고 한다. 알려진 것처럼 생명 주기 메소드를 대체하기 위해 만들어진 것도 아니고, 생각보다 쓰기 어려운 것이 바로 이 useEffect라는 것이다. useEffect는 자바스크립트의 proxy나 데이터 바인딩, 옵저버 같은 특별한 기능을 통해 값의 변화를 감지하는 것이 아니고 렌더링 할 때마다 의존성에 있는 값을 보면서 이 의존성의 값이 이전과 다른 게.. 공감수 3 댓글수 3 2024. 12. 11.
3년차 지금으로부터 2년하고도 몇 개월 전. 취준을 하던 무렵, 마찬가지로 취준을 하던 친구와 만났다. 그리고 둘이서 동네 공원을 몇 바퀴 돌면서 이런저런 재밌는 얘기를 했다. 최근 읽었던 만화나 애니메이션의 후기에 대한 것이었다. 취준을 할 때는 길고 긴 터널 속에 있는 느낌이 드는데 그때 잼얘(잼는 얘기라는 뜻)를 하면서 많은 위안이 되었다. 그 친구는 '영원히 공원을 계속 돌았으면 좋겠다'고 했다. 영원히 공원을 빙글빙글 돌면서 잼얘만 하는 것이다. 아직까지도 종종 그 말이 생각이 난다. 회사를 2년 동안 다니면 무슨 일이 일어날까? 의의로 아무 일도 일어나지 않는다. (코로나에 걸리고 이런 저런 건강이슈가 있었지만...) 그리고 나는 3년차가 되었다.영원히 공원을 돌고 싶기도 하고 영원히 점심 먹고 카.. 공감수 2 댓글수 6 2024. 11. 29.
청년내일채움공제 만기금 수령 후기 안녕하세요!오늘은 청년내일채움공제 만기금 수령 후기에 대해 알아보겠습니다.청년내일채움공제는 내가 2년 동안 중소기업에 재직하면서 300만원을 납입하면 회사와 나라에서 900만원을 적립하여 만기시 총 1200만원을 받을 수 있는 상품입니다!2년만 기다리면 공짜로 900만원을 받을 수 있다니, 가입할 수 있으면 무조건 가입하는 게 이득이겠죠? 하지만 이제 신규 가입은 불가능하다고 합니다.이미 가입하신분들은 만기까지 화이팅~~ 2022년 10월 27일 계약 체결2024년 10월 5일 마지막 납부! 하지만 여기서 끝이 아닙니다. 우선 마지막 납부한 날의 월급을 받아야 다음 단계로 넘어갈수가 있다고 하네요!저는 월급이 말일이라 10월 31일에 월급을 받았습니다! 11월 5일, 회사에 급여명세서를 제출하고11월 .. 공감수 1 댓글수 2 2024. 11. 27.
[Fabric.js + @use-gesture] 제스처로 객체 컨트롤하기 fabric.js에서는 객체를 이동하고, scale을 변경하고, 회전을 시키는 등의 컨트롤러를 제공한다. 그런데 잘 생각해보면... 모바일 앱에서는 컨트롤러가 아니라 핀치 제스처를 사용하여 편집했을 것이다. fabris.js v5의 이벤트엔 touch와 같은 터치스크린에 대응되는 이벤트들이 있었는데, (사용해본 적은 없다.)v6에는 사라졌다. 그래서 다른 라이브러리를 통합하여 사용하기로 했다. 하나하나 직접 하려면 너무 힘들겠지만 라이브러리를 사용하면 비슷하게 구현할 수 있다. const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);// ... fabric.InteractiveFabricObject.ownDefaults = .. 공감수 2 댓글수 1 2024. 8. 29.
[Fabric.js] 반응형으로 비율이 일정한 캔버스 만들기 1. fabric.js v6 html5의 canvas는 잘 다루면 좋긴 한데... api가 로우레벨이라 그냥 사용하기는 어려워서 보통 라이브러리를 사용한다.내가 애용하는 것은 fabric.js인데... 기본적으로 객체를 선택할 수 있는 기능이 있기 때문에 쓰기 시작했다. 그런데 최근 v6이 드디어 업데이트되었고, 여러 변경 사항들이 있지만 Promise를 지원하는 게 가장 마음에 드는 부분이다.나는 비동기적인 함수가 사용될 때 콜백함수보다는 프로미스의 async/await 방식을 선호하는데,구버전은 콜백함수만 지원하였기에 프로미스를 직접 만들어서 구현해야 했다.하지만 이제 그럴 필요 없다.그리고 typescript의 타입 지원이 더 좋아졌다. 이외에도 이런 저런 개선이 되었는데 아직 공식 문서가 업데이.. 공감수 2 댓글수 0 2024. 8. 29.
[프로젝트 회고] 지나가는 프로젝트 x2 프로젝트라고 하기엔 볼륨이 작은 두 개 정도의 프로젝트가 있었다. [프로젝트 A] 1. 프로젝트 개요아이돌 관련 커뮤니티 기능에 대한 어드민 페이지다. 1차 개발 막바지에 일부 페이지(기능)에 대한 개발을 했고 추후에 별도로 1.5차 고도화 개발로 투입되었다. 2. 기술 스택vue3 (option api), javascript, vue-bootstrap, vuex외주 개발사에서 이미 개발한 것을 유지보수, 고도화 했다. 3. 모든 페이지에 대한 동일한 기능 추가 (공통화의 중요성)모든 페이지네이터에 페이지 이동을 추가하고 모든 테이블에 대해 다운로드 기능을 넣어야 한다. 또한 다른 페이지로 갔다가 조회 목록으로 되돌아 갔을 때 검색 옵션 및 페이지가 유지되게 수정해야 한다. 어드민은 동일한 형태가 계속.. 공감수 0 댓글수 1 2024. 8. 21.
[프로젝트 회고] 첫 번째 프로젝트 1. 프로젝트 개요 회사에 입사하고 한 달 정도 지나게 되어 신규 프로젝트를 담당하게 된다. 입사하고 몇 주는 공부를 했고, 자잘한 유지보수 및 추가 개발을 하며 외주 개발 된 프론트엔드 코드를 참고할 수 있었고 그 후 바로 신규 개발을 하게 되어서 조금 당황스러웠다. 왜냐면 프론트엔드 팀의 개발자들은 다 신입이었기 때문이다. 적은 볼륨의 기존 솔루션에 대한 백오피스이긴 하지만 사내 프로젝트가 아닌 외주 개발이라 지금 생각해보면 리스크가 큰 것 같지만 그때는 '간단한 개발'이기에 나에게 이 프로젝트를 맡겼다고 생각했다. 투입된 인원은 프론트엔드에 개발자 총 세 명이지만 공통 포함 70~80%의 개발을 담당하였다. '간단한 개발'의 함정에 대해서는 추후 작성하겠다.통상적인 계정별 권한, 테이블, 모달 등이.. 공감수 0 댓글수 0 2024. 8. 21.
싸움에서 지지 않는 개발자 되는 법 개발자는 혼자 일한다는 편견과 달리 다른 많은 직업들과 마찬가지로 협업이 중요시 되는 직업이다. 특히 프론트엔드 개발자는 기획자, 디자이너, 백엔드 개발자 (그 외에 기타등등) 사이에서 일을 처리해야 할 경우가 있다.커뮤니케이션 능력으로 모든 일을 좋게 해결하면 좋겠지만 완만하게 진행하는 것만이 능사는 아니며, 좋은 프로덕트를 개발하거나 직업 윤리를 실천하는 것을 외면하고 오히려 당장의 편안함만을 추구하고 있는 것은 아닌지 돌아보아야 한다.무엇이 옳은 일인지는 경험이 있어야 판가름 할 수 있지만권리를 위해 투쟁해야 할 순간은 온다. 그럼 어떻게 해야 싸움에서 지지 않을 수 있을까? 1. 싸움은 최대한 일찍 한다소프트웨어의 수정 비용은 뒤로 갈 수록 기하급수적으로 증가한다. 그러니 초반에 발견 가능한 .. 공감수 2 댓글수 4 2024. 8. 19.
신입 개발자, 사수 없이도 괜찮을까? 사실 우리 모두는 이게 안 괜찮다는 걸 알고 있다. 당연히 사수가 있는 게 없는 것보다 낫다.하지만 중소기업은 대부분 인력이 늘 부족하며 (못 뽑는 건지 안 뽑는 건지 나도 모르겠지만.) 사수 없는 회사에 가게 될 수도 있다.능력이 좋고 스펙이 좋으면 사수가 있는 회사를 가서 그런 고민을 안 했겠지만 그러지 못했으니사수가 없는 회사인데 갈까 말까 고민하고 있을 것이다. 있으면 좋겠지만 없어도 괜찮다고 타협을 해야 한다면 이것만큼은 확인하자.적어도 그 분야의 경력 개발자가 있어야 한다. (님이 프론트개발자인데, 서버 개발자만 있는 회사를 들어가면 안된다는 말임... 그 서버 개발자가 사실 풀스택 개발자라면 좀 다르겠지만, 그곳이 SI라면... JSP와 제이쿼리에서 살고 있을 확률이 높음) 이게 되는 건지.. 공감수 0 댓글수 4 2023. 9. 17.
SI에 가면 무슨 일이 일어날까? 세상 절대 다수의 회사는 중소기업이고 대부분의 직장인은 중소기업에 다니고 한국 대부분의 IT 회사는 SI라는 것은 그냥 객관적인 사실이다. 취업을 할 땐 다들 자체 서비스를 꿈 꾸지만, SI에 가게 될 확률이 높다. 그럼 SI에 가면 어떤 일이 벌어질까? 오늘은 신입 개발자가 SI에 들어가면 겪을 수 있는 일에 대해 간략히 얘기해보려 한다. SI 프로젝트의 환장스러운 점 중 하나는 바로 요구사항변경무제한제공참말사건이다. 문서나 산출물은 워터폴인데 요구사항 변경만 아주 지입맛대로 애자일 섞어찌개다. 소프트웨어 공학에서 워터폴이라든가 애자일이라든가 하는 말을 들어본 적이 있을 것이다. 다 일리 있는 말이고 근거 있는 방법론이겠지. 하지만 현실 세계에서 아름답게 워터폴이 가능할까? 요구사항과 기획이 처음부터 .. 공감수 0 댓글수 2 2023. 9. 8.
티스토리 썸네일에 유튜브 썸네일 넣어주기 예전에는 티스토리 이미지 썸네일을 공식적으로 지원하지 않았지만 현재는 공식적으로 지원해줘서 css만으로 쉽게 갤러리 스킨을 만들 수 있다. 하지만 유튜브 썸네일 지원해주지 않기 때문에 자바스크립트를 통해서 불러와주어야 한다. 썸네일이 표시되는 곳 html을 찾아보자 몇 년 전의 나는 이유는 모르겠지만 element에 클릭 이벤트를 걸어놨다 게시글에 date-href= 이 속성을 추가해서, 자바스크립트에서 링크된 주소에 접근하기 쉽게 해준다 티스토리 스킨의 썸네일 치환자는, 썸네일 이미지가 존재하지 않을 때는 알아서 아무것도 안 나오게 되어있음 그리고 대충 head 안에다 냅다 axios를 붙여넣는다. 꼭 쓸 필요는 없지만 내가 편해서... 그리고 위에 이런식으로 자바스크립트를 추가해줄 수 있다 이렇게 하.. 공감수 1 댓글수 0 2022. 10. 26.
테스트 https://youtu.be/Y8JFxS1HlDo 공감수 0 댓글수 0 2022. 10. 26.
테스트를해요 https://youtu.be/jKrJBVLnRiM 공감수 0 댓글수 0 2022. 10. 25.
정말 유익한 블로그다 https://velog.io/@milmilkim milmilkim (milmil) - velog BJ 2805 나무 자르기 상근이는 나무 M미터가 필요하다. 근처에 나무를 구입할 곳이 모두 망해버렸기 때문에, 정부에 벌목 허가를 요청했다. 정부는 상근이네 집 근처의 나무 한 줄에 대한 벌목 허 velog.io 개발에 관련된 이야기가 저의 벨로그에 올라옵니다 꼭 벨로그여야 할 필요는 없지만 유행 따라서 벨로그에 만들었지요 공감수 0 댓글수 0 2022. 10. 25.
티스토리 특정 카테고리의 css를 다르게 설정하는 법 이것은 옛날 방법이고 지금은 티스토리 스킨 신기능이 생겼기 때문에, xml 파일을 수정하고 치환자를 적용하면 이 방법을 쓰지 않아도 됩니다. 하지만 xml 파일을 수정하기 귀찮거나 그냥 예전 방법을 쓰고 싶을 때 쓸 수 있는 방법입니다. 1. 제이쿼리를 활용해보겠습니다. 2. 적당한 위치에 이런 식의 코드를 작성합니다. path 중 맨 마지막 값이 지정한 문자열과 같으면 속성을 다르게 주고, 또 특정한 element를 안 보이게 설정했습니다. $(".listA").attr("class", "listB"); 클래스 이름을 listA에서 listB로 바꿉니다. $(".summary").css("display","none"); 이렇게 하면 summary 가 특정 카테고리에서만 안 보이게 됩니다. 공감수 0 댓글수 2 2020. 12. 18.
티스토리에 masonry 제이쿼리 라이브러리로 masonry 레이아웃을 적용하는 방법을 알아보겠습니다. CDN CDN을 추가합니다. ... all_wrap 과 안에 list_content 입니다. ... 썸네일이 가로 300px이 될 수 있도록 이미지 url을 수정해줍니다. 3. 적당한 위치 ( 바로 위에 작성하는 것이 좋습니다.)에 스크립트를 작성해줍니다. imagesLoaded는 이미지가 모두 로딩되었을 때 콜백함수가 실행됩니다. 4. .list_content { width: 32%; margin: 0.5%; display: block; float: left; } css 는 이렇게 해봤습니다. 한 줄에 네 개를 넣고 싶어서 가로 길이를 32%로 하고 margin을 0.5%로 정했습니다. 이거보다 더 좋은 방법도 많겠지만 CS.. 공감수 0 댓글수 0 2020. 12. 18.
can't get you out of my mind 제발 들어. 공감수 0 댓글수 0 2020. 11. 29.
티스토리 스킨 배포 - bibliophobia 1.스킨 소개 지난번의 스킨 (mirumidon no.1)을 고쳐서 만든 스킨 사이드바에는 닉네임과 블로그 설명이 나옵니다. 일단은 웹진형. 모바일에서는 이렇게 나옵니다. 2.미리보기 3.커버 만들다 만 커버 아이템 세 가지가 있습니다. 사진 사진이 딱 한 장만 나옵니다. 콘텐츠 직접 입력으로 설정합니다. 공지 html의 76행을 수정하면 그대로 출력됩니다. 갤러리 사진을 3줄로 보여줍니다. 만일 3줄이 아니라 다르게 설정하고 싶다면 css의 이 부분을 찾아 width: 33%를 수정합니다. 예: 5줄로 만들고 싶으면 20%로 바꿉니다. 4.기타 등등 전체 카테고리를 안 보이게 하겠다 css에서 이 부분을 찾아서 주석을 해제하세요. 배경 색 바꾸고 싶다 여기를 찾아서 수정하세용.. 그라데이션 색을 바꾸려.. 공감수 3 댓글수 0 2020. 4. 5.
EDEN 나만 들을지도 모르는 노래 공감수 0 댓글수 0 2019. 8. 2.

반응형

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.