HTML 썸네일형 리스트형 [HTML, JAVASCRIPT] 클릭커, 방치형 게임 제작해보기 (1) _ 기본 제작 [HTML, JAVASCRIPT] 클릭커, 방치형 게임 제작해보기 ( 1 ) _ 기본틀 만들기 안녕하세요. 지금부터 첫 번째 프로젝트인 클릭커 게임(clicker game) 을 제작해 보도록 하겠습니다. 여러 다양한 제작 방법들을 봤지만.. 가장 쉽다고 생각하는 방법으로 제작하겠습니다. 아직 봐도 이해를 못 하겠기에 쉽지만 난잡한 방법으로 가보도록 하겠습니다. 3가지 준비했습니다. 여러분들도 따라 하실 경우 아무렇게나 만드시면 됩니다. 자 이제 시작해 볼까요?? 1. HTML 넣기 (뼈대 만들기) Click input 태그에는 disabled를 넣은 이유는 input 태그를 클릭하거나 입력하거나 건드리지 못하게 하려는 목적입니다. 저렇게 한다고 css가 안 먹거나 그렇지는 않더라고요. 2. CSS 넣기 .. 더보기 [HTML] 기본 구조 HTML 기본구조 알기 😊 안녕하세요! 솔직히 VSCode나 Atom 등등 다른 프로그램을 사용 하실 경우 ! + Tab 바를 누르면 틀이 만들어져 따로 생각을 안하게 됩니다. 프로그램을 안사용하시고 메모장을 쓰시는분은 암기해야 하겠지만... 대부분은 사용하실거라 생각합니다. 이제 부터 시작하겠습니다. 정말 간단하게 설명해드리겠습니다. 궁시렁 궁시렁 어쩌구 저쩌구 가장 기본적인 HTML 구조를 보여드렸습니다. ! + Tab을 사용하시면 언어부분은 자동으로 en으로 되어있습니다. ko(한국어)로 바꿔적어주시면 됩니다. 끝! 머리 몸 다리 저는 html를 3구간으로 나누어 사용합니다. 작업하기 편하기 위해서 입니다. 하고싶으신거 있다면 그냥 아무렇게나 하세요. 정답은 없다고들 하니깐요 ╰(*°▽°*)╯ 저는.. 더보기 [VSCode] 설치 및 응용 프로그램 정말 다양한 코딩 프로그램이 있는데 가장 많이 사용하고 대표적인 프로그램인 VSCode를 사용하는 중입니다. 여러분들 중 다른 프로그램을 쓰신다면 그대로 쓰시고, 이제 시작해볼까 하시는 분들은 VSCode를 사용해보시는게 어떨까요? 😊 VSCode를 사용하신다면 추가적으로 프로그램내에 설치하면 좋은 확장프로그램을 추천해드리겠습니다. 1. VSCode 설치하기 ❤️❤️ https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applica.. 더보기 [css] 1. css 편의성, 디자인, 참고자료 준비하기 안녕하세요. 오늘은 CSS 편의성과 디자인에 유용한 사이트를 소개해드리겠습니다. 다들 처음 웹페이지를 디자인 할때 머리속이 하얗게 되면서 아무 생각이 안들때가 있습니다. 그럴때는 무작정 여러가지 예시를 보고 따라하면서 경험치를 쌓는게 좋다고 생각합니다. 제가 즐겨찾기에 넣어둔 CSS참고자료 사이트를 소개해드리겠습니다. 1. 부트스트랩 Bootstrap 가장 대표적으로 사용하는 사이트라고 생각합니다. 무료이며, 편리하게 다양한 디자인을 사용할 수 있습니다. 기본색상은 단졸하게 느껴질 수 있기 때문에 꼭 응용하셔서 사용하기를 추천해드립니다. css링크와 Js링크를 추가하셔서 사용하셔야합니다. https://getbootstrap.com/ Bootstrap The most popular HTML, CSS, a.. 더보기 첫 게시글 안녕하세요. 현재 평범한 직장을 다니고 있는 회사원입니다. 대학생 때 우연히 듣게 된 인터넷 수업을 통해 HTML, CSS, JAVASCRIPT를 처음 알게 되어 배우는 데 점점 흥미가 돋아 취미로 공부를 해보려고 합니다. 매일매일은 아니어도 꾸준히 공부하는 일상과 몰랐던 부분들을 기록하고, 다른 분들께 공유해 주면 좋을 만한 정보들을 기록해두려는 목적으로 티스토리 활동도 함께 하려고 합니다. 잘부탁드립니다.(●'◡'●) 많이 서투르고 어설퍼도 천천히 모두 다 같이 성장해 나가봅시다 그림도 직접 그리고 활용하고 싶어서 같이 공부해 나갈예정입니다. 사용중인 프로그램은 1.Aseprite 구매하여 사용중입니다. (steam) 2.Atom, VSCode를 둘다 사용하는 중이지만, 최대한 VSCode를 사용하려.. 더보기 이전 1 2 3 4 다음 > 오늘의 코인 운세 보기 <
