본문 바로가기

오늘 하루도 열심히 살자

#Pixel #Art #HTML #CSS #JavaScript #Vue.Js #C #C++ #Python #Java #React

CSS

[HTML, JAVASCRIPT] 토끼 클릭커를 만들어보자!! ver 0.4 [HTML, JAVASCRIPT] 를 이용하여 토끼 클릭커를 만들어보자!! ver 0.4 안녕하세요. 벌써 4일차를 돌입했습니다. 오늘은 자동으로 증가하는 시스템을 구축해보겠습니다. 전편을 꼭 참고 하시기 바랍니다. 2021.11.09 - [HTML.CSS.JAVASCRIPT] - [HTML, JAVASCRIPT] 토끼 클릭커를 만들어보자!! ver 0.3 [HTML, JAVASCRIPT] 토끼 클릭커를 만들어보자!! ver 0.3 [HTML, JAVASCRIPT] 를 이용하여 토끼 클릭커를 만들어보자!! ver 0.3 안녕하세요. 2일차 바로 진행하도록 하겠습니다. 꼭 저번편을 보셔야 연결이 된답니다. 2021.11.08 - [HTML.CSS.JAVASCRIPT] - [HTML, JAV.. jjaeho.. 더보기
[HTML, JAVASCRIPT] 토끼 클릭커를 만들어보자!! ver 0.2 [HTML, JAVASCRIPT] 를 이용하여 토끼 클릭커를 만들어보자!! ver 0.2 안녕하세요. 2일차 바로 진행하도록 하겠습니다. 꼭 저번편을 보셔야 연결이 된답니다. 2021.11.07 - [HTML.CSS.JAVASCRIPT] - [HTML, JAVASCRIPT] 토끼 클릭커를 만들어보자!! ver 0.1 [HTML, JAVASCRIPT] 토끼 클릭커를 만들어보자!! ver 0.1 [HTML, JAVASCRIPT] 를 이용하여 토끼 클릭커를 만들어보자!! ver 0.1 안녕하세요. 오늘부터 토끼 클릭커를 제대로 만들어보겠습니다. 그리고 꾸미기도 하면서 잘 까먹거나, 헷갈릴 수 있는 코드들은 따 jjaeho.tistory.com Start 2일차 연습용 설명은 https://jjaeho.tist.. 더보기
[HTML, JAVASCRIPT] 클릭커, 방치형 게임 제작하기 (4) _ 조건 증가, 컨셉 정하기 [HTML, JAVASCRIPT] 클릭커, 방치형 게임 제작해보기 ( 4 ) _ 구매 조건 증가, 컨셉 안녕하세요. 오늘은 컨셉 설정하기, 아이템 구매시 요구하는 Score 증가 시키기입니다. 2021.11.04 - [HTML.CSS.JAVASCRIPT] - [HTML, JAVASCRIPT] 클릭커, 방치형 게임 제작해보기 (3) _ 구매 제작 [HTML, JAVASCRIPT] 클릭커, 방치형 게임 제작해보기 (3) _ 구매 제작 [HTML, JAVASCRIPT] 클릭커, 방치형 게임 제작해보기 ( 3 ) _ 구매 아이템 만들기 안녕하세요. 오늘은 구매 가능 아이템을 만들어서 한번 클릭시 추가적으로 클릭하게 해주는 기능을 구현해보 jjaeho.tistory.com 2021.11.03 - [HTML.CSS.. 더보기
[HTML, JAVASCRIPT] 클릭커, 방치형 게임 제작해보기 (3) _ 구매 제작 [HTML, JAVASCRIPT] 클릭커, 방치형 게임 제작해보기 ( 3 ) _ 구매 아이템 만들기 안녕하세요. 오늘은 구매 가능 아이템을 만들어서 한번 클릭시 추가적으로 클릭하게 해주는 기능을 구현해보도록 하겠습니다. (디자인은 하지않겠습니다.. 이쁘게 할 자신이 없습니다.) 2021.11.03 - [HTML.CSS.JAVASCRIPT] - [HTML, JAVASCRIPT] 클릭커, 방치형 게임 제작해보기 (2) _ Save, Load [HTML, JAVASCRIPT] 클릭커, 방치형 게임 제작해보기 (2) _ Save, Load [HTML, JAVASCRIPT] 클릭커, 방치형 게임 제작해보기 ( 2 ) _ 저장, 불러오기 만들기 안녕하세요. 오늘은 저장, 불러오기를 만들어서 새롭게 추가하는 항목들을.. 더보기
[HTML, JAVASCRIPT] 클릭커, 방치형 게임 제작해보기 (2) _ Save, Load [HTML, JAVASCRIPT] 클릭커, 방치형 게임 제작해보기 ( 2 ) _ 저장, 불러오기 만들기 안녕하세요. 오늘은 저장, 불러오기를 만들어서 새롭게 추가하는 항목들을 좀 더 편하게 테스트 하기 위해 만들어 두겠습니다. (디자인은 하지않겠습니다.. 이쁘게 할 자신이 없습니다.) 2021.11.01 - [HTML.CSS.JAVASCRIPT] - [HTML, JAVASCRIPT] 클릭커, 방치형 게임 제작해보기 (1) _ 기본 제작 [HTML, JAVASCRIPT] 클릭커, 방치형 게임 제작해보기 (1) _ 기본 제작 [HTML, JAVASCRIPT] 클릭커, 방치형 게임 제작해보기 ( 1 ) _ 기본틀 만들기 안녕하세요. 지금부터 첫 번째 프로젝트인 클릭커 게임(clicker game) 을 제작해 .. 더보기
[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.. 더보기

반응형