<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
  <channel>
    <title>니니니니</title>
    <link>https://nininnii.tistory.com/</link>
    <description></description>
    <language>ko</language>
    <pubDate>Mon, 18 May 2026 15:00:08 +0900</pubDate>
    <generator>TISTORY</generator>
    <ttl>100</ttl>
    <managingEditor>스시쿤</managingEditor>
    <item>
      <title>코딩</title>
      <link>https://nininnii.tistory.com/3</link>
      <description>&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;아보카도 퍼스널 기반 갠홈 및 컾홈 위주&lt;/b&gt;로 작업합니다&lt;br /&gt;커뮤 x&lt;br /&gt;그 외 문의 주세요&lt;br /&gt;&amp;nbsp;&lt;br /&gt;그누보드 및 티스토리는 제가 안 만진지 꽤 돼서 버벅댈 수 있습니다..&lt;br /&gt;커버 기능 잘 몰라요 제가 한창 만질 때는 그런 것이 없었습니다&lt;br /&gt;&amp;nbsp;&lt;br /&gt;기본 \50000+&amp;alpha;&lt;br /&gt;컾홈 \80000+&amp;alpha;&lt;br /&gt;기존에 연락주신 분들은 기존 가격으로 진행합니다!!&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;최대기간 4개월(일부러 여유롭게 잡았습니다. 현재는 한두 달 내에 끝내드리려고 합니다)&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;유지보수 기간 1개월&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;***&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;실제로 구현해본 것들 및 가능한 것&lt;/b&gt;&lt;/p&gt;
&lt;div data-ke-type=&quot;moreLess&quot; data-text-more=&quot;더보기&quot; data-text-less=&quot;닫기&quot;&gt;&lt;a class=&quot;btn-toggle-moreless&quot;&gt;더보기&lt;/a&gt;
&lt;div class=&quot;moreless-content&quot;&gt;
&lt;ul style=&quot;list-style-type: disc;&quot; data-ke-list-type=&quot;disc&quot;&gt;
&lt;li&gt;무한 스크롤 게시판&lt;/li&gt;
&lt;li&gt;프로필 인포 섹션별 각각의 모달로 나타나게 하기&lt;/li&gt;
&lt;li&gt;기존 팝업형식 모달로 변경&lt;/li&gt;
&lt;li&gt;js 화면 애니메이션&lt;/li&gt;
&lt;li&gt;동적 스타일의 커서&lt;/li&gt;
&lt;li&gt;마우스 움직임 및 스크롤에 반응하는 애니메이션 및 간단한 패럴랙스 효과&lt;/li&gt;
&lt;li&gt;드래그 앤 드랍&lt;/li&gt;
&lt;li&gt;기존 select 태그를 이용하지 않은 select box style 적용&lt;/li&gt;
&lt;li&gt;svg를 활용한 간단한 벡터 애니메이션(글씨 쓰는 애니메이션 효과는 이쪽에 들어갑니다)&lt;/li&gt;
&lt;/ul&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;자잘한 건 안 넣었습니다... 기술적으로 불가능한 것은 있을 수 있어도 디자인적으로는 웬만한 거 해본 거 같습니다..&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;편하게 말씀주세요&lt;/p&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;br /&gt;***&lt;br /&gt;&amp;nbsp;&lt;br /&gt;&lt;b&gt;샘플&lt;/b&gt;&lt;/p&gt;
&lt;p&gt;&lt;figure class=&quot;imageslideblock alignCenter&quot; data-image=&quot;[{&amp;quot;src&amp;quot;:&amp;quot;https://blog.kakaocdn.net/dn/nAUx8/btsmz3t2IKU/ckMakaTpv17PRTCk8UurLK/img.png&amp;quot;},{&amp;quot;src&amp;quot;:&amp;quot;https://blog.kakaocdn.net/dn/bc0A7j/btsmtEWRXO9/lKEWV7xzYKQXDGiU7BSr31/img.png&amp;quot;}]&quot;&gt;
  &lt;div class=&quot;image-container&quot;&gt;&lt;span class=&quot;image-wrap selected&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/nAUx8/btsmz3t2IKU/ckMakaTpv17PRTCk8UurLK/img.png&quot; data-url=&quot;https://blog.kakaocdn.net/dn/nAUx8/btsmz3t2IKU/ckMakaTpv17PRTCk8UurLK/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/nAUx8/btsmz3t2IKU/ckMakaTpv17PRTCk8UurLK/img.png&quot; loading=&quot;lazy&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FnAUx8%2Fbtsmz3t2IKU%2FckMakaTpv17PRTCk8UurLK%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot;/&gt;&lt;/span&gt;&lt;span class=&quot;image-wrap &quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/bc0A7j/btsmtEWRXO9/lKEWV7xzYKQXDGiU7BSr31/img.png&quot; data-url=&quot;https://blog.kakaocdn.net/dn/bc0A7j/btsmtEWRXO9/lKEWV7xzYKQXDGiU7BSr31/img.png&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/bc0A7j/btsmtEWRXO9/lKEWV7xzYKQXDGiU7BSr31/img.png&quot; loading=&quot;lazy&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbc0A7j%2FbtsmtEWRXO9%2FlKEWV7xzYKQXDGiU7BSr31%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; data-origin-width=&quot;0&quot; data-origin-height=&quot;0&quot;/&gt;&lt;/span&gt;&lt;button class=&quot;btn btn-prev&quot;&gt;&lt;span class=&quot;ico-prev&quot;&gt;이전&lt;/span&gt;&lt;/button&gt;&lt;button class=&quot;btn btn-next&quot;&gt;&lt;span class=&quot;ico-next&quot;&gt;다음&lt;/span&gt;&lt;/button&gt;&lt;/div&gt;
  &lt;div class=&quot;mark&quot;&gt;&lt;span data-index=&quot;0&quot;&gt;0&lt;/span&gt;&lt;span data-index=&quot;1&quot;&gt;1&lt;/span&gt;&lt;/div&gt;
&lt;/figure&gt;
&lt;/p&gt;
&lt;p style=&quot;text-align: center;&quot; data-ke-size=&quot;size16&quot;&gt;딱히 넣을 게 없어서.... 제 갠홈과 드림홈 넣었습니다&lt;br /&gt;자세히 보고 싶으시면 주소 드립니다...&lt;br /&gt;&amp;nbsp;&lt;br /&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;***&lt;br /&gt;&lt;br /&gt;&lt;b&gt;레이아웃 제한 x&lt;/b&gt; (반응형 및 관리자 페이지 통한 디자인 제어 o)&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;br /&gt;디자인 어떻게 해야될지 모르시겠다면 쓰고 싶은 색상이나&lt;br /&gt;전체적으로 동글동글하게 해주세요 심플하게 해주세요 혹은 메모장에 사각형으로 대충 그린 레이아웃 이미지만 주셔도 도움이 됩니다&lt;br /&gt;디자인에 도움이 될만한 레퍼런스 사이트나 이미지를 주셔도 좋아요 편하게 주시면 감사합니다&lt;br /&gt;말씀해주시지 않은 부분은 제 취향이 들어가기 때문에....!!....뭐든 일단 설명해주시는 편이 좋습니다&lt;br /&gt;홈 요소에 따로 쓰시고 싶은 이미지가 있으면 첨부 부탁드립니다&lt;br /&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;저는 텍스트와 벡터 요소 위주의... 미니멀한 디자인이 주력이기 때문에....&lt;br /&gt;사진이나 복잡한 그림 이용한 맥시멀리즘 st 디자인은 본인이 직접 하시거나 다른 디자인 커미션 맡기시는 걸...추천드립니다&amp;nbsp;&lt;br /&gt;디자인 오마카세 시에는 복잡한 정도에 따라 추가금이 들어갑니다&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;꽤나 유동적이며, 어느 정도의 복잡함을 원하시는지 여쭤볼 수 있습니다&lt;br /&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;말씀 안 주신 자잘한 요소들은 제가 임의로 디자인할 수 있습니다(이 쪽은 추가금 안 들어갑니다)&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;br /&gt;***&lt;br /&gt;&amp;nbsp;&lt;br /&gt;추가금 옵션&lt;br /&gt;&amp;nbsp;&lt;br /&gt;1. 게시판 혹은 페이지 추가&lt;br /&gt;기존 css 그대로 쓰실 거면 추가금 발생할 건 없고 이 경우 저는 그냥 너비값(+약간의 수정)만 조절합니다...&lt;br /&gt;추가금이 발생하는 경우는 기존 스타일을 크게 벗어나거나 기능추가(뭔 기능이냐에 따라 달라짐)정도일 거 같습니다...&lt;br /&gt;&amp;nbsp;&lt;br /&gt;2. 커서 커스텀 - \5000&lt;br /&gt;정적이미지/움짤/그 외 전부 가능합니다&lt;br /&gt;복잡한 효과나 요소가 들어간다면 약간의 추가금이 더 붙을 수 있습니다&lt;br /&gt;정적 이미지 커서의 경우(cur 파일 제공, 혹은 커서용 이미지 파일 제공) 따라 추가금이 없을 수 있습니다&lt;br /&gt;&amp;nbsp;&lt;br /&gt;***&lt;br /&gt;&amp;nbsp;&lt;br /&gt;&lt;b&gt;필요정보&lt;/b&gt;&lt;/p&gt;
&lt;ol style=&quot;list-style-type: decimal;&quot; data-ke-list-type=&quot;decimal&quot;&gt;
&lt;li&gt;ftp 계정 정보&lt;br /&gt;ftp 아이디/비밀번호&lt;/li&gt;
&lt;li&gt;db 정보 (보통은 설치나 db 조작이 필요한 기능추가 필요할시)&lt;br /&gt;db 아이디/비밀번호&lt;br /&gt;db 관리자 주소(web mysql)&lt;/li&gt;
&lt;li&gt;관리자 권한이 있는 계정 아이디/비밀번호(따로 임시용 아이디 만들어주시는 걸 추천)&lt;/li&gt;
&lt;li&gt;디자인 예시 및 소스&lt;/li&gt;
&lt;/ol&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;또 뭐써야되지...그냥 궁금한 거 잇으시면 여쭤봐주세요...&lt;br /&gt;기능 추가 복잡한 거 일정상 안 하는데......&lt;br /&gt;일단 말씀주시면 판단 하에 해드릴 수도 잇습니다...추가금...들어갈지도? 잚 모르겟다....&lt;br /&gt;아 이게 될까? 싶으셔도 일단 여쭤봐주시면 매우 감사합니다&lt;br /&gt;그래야 정확하게 알 수 있어요&lt;br /&gt;&amp;nbsp;&lt;br /&gt;&amp;nbsp;&lt;br /&gt;마이룸..............&lt;br /&gt;안됩니다......&lt;br /&gt;소스 갖고 오시면 제가 대신 설치 및 커스텀해드릴 수는 잇어요...&lt;br /&gt;&amp;nbsp;&lt;br /&gt;&amp;nbsp;&lt;br /&gt;&amp;nbsp;&lt;br /&gt;기존 홈 버그 수정 같은 거도 가능합니다&lt;br /&gt;이 부분은 금액 상의 후 결정&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;***&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&lt;b&gt;실제 작업물&lt;/b&gt;&lt;/p&gt;
&lt;div data-ke-type=&quot;moreLess&quot; data-text-more=&quot;더보기&quot; data-text-less=&quot;닫기&quot;&gt;&lt;a class=&quot;btn-toggle-moreless&quot;&gt;더보기&lt;/a&gt;
&lt;div class=&quot;moreless-content&quot;&gt;&lt;figure class=&quot;imageblock alignCenter&quot; data-ke-mobileStyle=&quot;widthOrigin&quot; data-filename=&quot;스크린샷.png&quot; data-origin-width=&quot;1920&quot; data-origin-height=&quot;1080&quot;&gt;&lt;span data-url=&quot;https://blog.kakaocdn.net/dn/cjD0kP/btsEeE4BgEf/vfvJpWylAt54XbKOGSchl0/img.png&quot; data-phocus=&quot;https://blog.kakaocdn.net/dn/cjD0kP/btsEeE4BgEf/vfvJpWylAt54XbKOGSchl0/img.png&quot; data-alt=&quot;디자인 오마카세&quot;&gt;&lt;img src=&quot;https://blog.kakaocdn.net/dn/cjD0kP/btsEeE4BgEf/vfvJpWylAt54XbKOGSchl0/img.png&quot; srcset=&quot;https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&amp;fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FcjD0kP%2FbtsEeE4BgEf%2FvfvJpWylAt54XbKOGSchl0%2Fimg.png&quot; onerror=&quot;this.onerror=null; this.src='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png'; this.srcset='//t1.daumcdn.net/tistory_admin/static/images/no-image-v1.png';&quot; loading=&quot;lazy&quot; width=&quot;1920&quot; height=&quot;1080&quot; data-filename=&quot;스크린샷.png&quot; data-origin-width=&quot;1920&quot; data-origin-height=&quot;1080&quot;/&gt;&lt;/span&gt;&lt;figcaption&gt;디자인 오마카세&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;p data-ke-size=&quot;size16&quot;&gt;&amp;nbsp;&lt;/p&gt;</description>
      <category>귀/연교</category>
      <author>스시쿤</author>
      <guid isPermaLink="true">https://nininnii.tistory.com/3</guid>
      <comments>https://nininnii.tistory.com/3#entry3comment</comments>
      <pubDate>Fri, 21 May 2021 17:04:03 +0900</pubDate>
    </item>
  </channel>
</rss>