본문 바로가기

분류 전체보기336

목록 썸네일 이미지 해리포터 시리즈 순서, 간단 줄거리 요약! (스포없음, 신비한 동물사전 포함) 해리포터 시리즈 순서를 간단한 줄거리 요약과 함께 보는 곳까지 정리해보았습니다! 정주행 하시려는 분들이나, 중간에 어디까지 봤었는지 줄거리가 궁금하신 분들은 참고해주세요~ 해리포터 영화들을 어디에서 볼 수 있는지, 어떤 순서로 봐야 하는지 혼란스러울 수 있습니다. 그래서 해리포터 영화 시리즈 순서와 줄거리를 정리해보았습니다. 줄거리는 영화의 중요한 스포일러를 제외하고, 전체적인 내용만을 요약했습니다. 해리포터 시리즈 소개 해리포터 시리즈는 전세계 아이들에게 해리, 헤르미온느, 론과 함께 호그와트 마법학교에 다니는 것을 꿈꾸도록 만든 베스트셀러 책이자 영화 시리즈입니다. 해리포터 영화는 오리지널 시리즈로 총 8편이 제작되어있습니다. (글 아래에 시리즈 순서에서는 해리포터의 세계관을 공유하는 ‘신비한 동물사.. 2022. 1. 4.
재밌게 플레이 했던 HTML 게임들 추천! 재밌거나 새로웠던 HTML 게임들을 소개합니다. 모두 인터넷 브라우저에서 플레이했고, 인디 게임 제작에 대한 아이디어를 얻기 위해서 그랬었는지 인디게임이 많습니다. 따라서 인디게임 제작자의 시점에서 만들기 쉬워보이고, 그럼에도 재미가 있었던 게임들이라고 할 수도 있겠네요. 1. 구글 두들 웹에서 동작하는 게임을 플레이할 수 있는 사이트와 HTML게임 중에서, 간단하면서도 비교적 잘 만들어진 구글 두들 시리즈를 소개해드리겠습니다. 배너의 Google글자 중 o부분이나 구석에 보통 플레이 버튼이 있어서, 버튼을 누르면 게임을 할 수 있습니다. 구글 두들(2016 핼러윈) 구글 두들(로스웰 66주년) 구글 두들(2020 지구의 날) 구글 두들(윌버 스코빌 탄생 151주년) 구글 두들(2017년 밸런타인데이(제.. 2022. 1. 1.
목록 썸네일 이미지 샌드박스 크리에이터 펀드, 복셀 아트 가이드라인 정리! 샌드박스 크리에이터가 되고 싶으신가요? 샌드박스 크리에이터 펀드는 일종의 작가 제도 같은 것으로, 선정되면 작품당 10달러에서 1000달러까지 받을 수 있다고 하니 꼭 도전해보세요! 지난 글에서는 샌드박스로 수익을 창출하는 방법 2가지(복스에딧, 게임메이커)를 소개해드렸습니다. 샌드박스에서 수익 창출하기! 복스에딧, 게임메이커 둘러보기 샌드박스 코인을 벌어보고 싶은데 자금이 없나요? 돈이 되는 취미를 찾고 계신가요? 코딩 때문에 게임 만드는 게 어렵나요? 이런 고민을 가지고 계신 분들에게 샌드박스 복스에딧과 게임메이커 cucat.tistory.com 오늘은 지난 글에서 복스에딧에 대해 하던 이야기를 마저해보겠습니다. 샌드박스 크리에이터 펀드 다음은 샌드박스 크리에이터 펀드 내용입니다. 자세한 내용은 크리.. 2021. 12. 31.
목록 썸네일 이미지 샌드박스에서 수익 창출하기! 복스에딧, 게임메이커 둘러보기 샌드박스 코인을 벌어보고 싶은데 자금이 없나요? 돈이 되는 취미를 찾고 계신가요? 코딩 때문에 게임 만드는 게 어렵나요? 이런 고민을 가지고 계신 분들에게 샌드박스 복스에딧과 게임메이커를 적극 추천해드립니다. 이번 글에서는 직접 NFT자산을 제작해서 샌드박스 코인을 능동적으로 벌 수 있는 방법을 안내해드리겠습니다. 참고로 저 또한 3D 모델링은 해본 적이 없고, 당장 모델링을 하려니 너무 어려웠어요. 그래서 샌드박스 공식 홈페이지에서는 어떻게 안내하는지 차분히 읽어보았습니다. 그에 따라 이 글에서는 직접적인 모델링 방법보다는, 기본적인 정보와 가이드라인 정도를 파악한다고 생각하시면 되겠습니다. 샌드박스에서 돈을 버는 방법 먼저 이 글을 읽고 계시는 분들이 가장 궁금해하시는, 샌드박스 코인을 버는 방법에 .. 2021. 12. 31.
무료로 코딩 공부하기! 이론, 소스 코드, 튜토리얼 사이트 모음 코딩은 이제 필수과목입니다. 직장인들도 코딩을 배우는 시대에, 큰 결심하고 학원을 등록하지 않고도 집에서 편안하게 코딩을 배워볼 수 있는 사이트들을 소개합니다. 주로 웹을 만드는 프론트 쪽의 코딩(HTML, CSS, JS, JS라이브러리들)에 치우쳐 있지만, 다른 언어도 같이 제공하는 사이트가 많으니 한번 살펴보세요. 1. 무료 코딩 학습 사이트 생활코딩(차근차근 처음부터 천천히) W3Schools(세계적으로 유명) TCP School(W3스쿨의 내용을 한국어로 보고싶다면) MDN(좀 더 어려운 내용) OverAPI(모든 언어에 대한 요약, 치트시트) 2. 예제 소스, 튜토리얼 기초적인 HTML, CSS, JS(jQuery)를 이용한 국가자격증 시험 공부 webStudyBasic(가장 간결한 웹디자인 기.. 2021. 12. 30.
미니멀, 추상 도형 컨셉의 심플한 웹사이트 모음 미니멀하고 심플한 디자인 좋아하시나요? 웹은 가독성이 중요해서 더욱 간결함이 디자인 미덕이 되는 분야인 것 같습니다. 어찌 됐든 문서니까요 ㅎㅎ 이 글에서는 심플한 디자인과 추상적인 도형을 이용한 웹사이트들을 소개해드리겠습니다. 제가 웹서핑하다가 방문하고, 개인적으로 눈에 띄었던 부분을 괄호 속에 메모해두었으니 참고해주세요! 심플한 디자인의 웹사이트 phantom(색면, 큼직한 글씨) eamonnlavelle(페이지마다 색상) bornikirken(배너) kbmaru(여정표 라인) laborfit(씬 전환을 원형으로) theflow(타이포, 여백, 스크롤러) severinobecagli(설명 페이드, 반응형) ultraviolette(섹션마다 배경색, 깔끔한 타이포디자인) launchbuzz(자세히보기 .. 2021. 12. 30.
무료 웹 리소스 사이트 34개 정리! (이미지, 폰트, 아이콘, 픽토그램, 로고, 이모지, 특수문자..) 웹을 만들 때 생각보다 필요한 리소스가 많습니다. 특히 이미지나 폰트, 아이콘 등은 필수적입니다. 이 글에서는 웹에 쓸 그래픽 리소스를 무료로 얻을 수 있는 사이트들을 소개해드리겠습니다. 무료 이미지 사이트 1. 유명한 무료 이미지 사이트 freepik Unsplash Pexels pikwizard Burst Let's CC Pixabay 2. 특색 있는 무료 이미지 사이트 Flickr(커뮤니티) Foodiesfeed(음식) SplitShire(예술적사진) 3. png 특화 무료 이미지 사이트 Pngtree PNGWing PNG Mart PNG images 여러 가지 리소스 1. 구글에서 지원하는 모든 리소스 구글 디자인(구글에서 지원하는 자원들) material.io(아이콘, 폰트, 디자인 키트 등) .. 2021. 12. 29.
목록 썸네일 이미지 반응형 웹사이트를 제작한다면 꼭 봐야할 사이트 모음 스마트폰이 나오면서 반응형 디자인 설계는 이제 필수가 되었습니다. 반응형 웹사이트는 어떤 구조와 디자인을 가지는지, 패턴과 아이디어를 얻을 수 있는 사이트들을 정리해보았습니다. 반응형 디자인 패턴알기 Google Developers(반응형 웹 디자인 패턴에 대해) 반응형 웹디자인은 몇가지 패턴이 있습니다. 구글 디벨로퍼에서는 유동형, 콜룸 드롭, 레이아웃 시프터 등 다양한 패턴에 대한 설명과 실제 구현가능한 코드까지 제공하고 있습니다. 국내 어워즈, 웹사이트 모음 지디웹(웹사이트 평가, 에이전시 검색 등) 디비컷(웹디자인 평가 및 우수 웹사이트 모음) 해외 어워즈, 웹사이트 모음 RWDB(반응형 웹사이트 정보) mediaqueri(반응형 웹사이트 모음) webdesign-inspiration(유형별 산업.. 2021. 12. 29.

티스토리툴바