ZOO CAN DO IT

https://developer.mozilla.org/ko/docs/Learn/JavaScript/First_steps/Variables 필요한 정보를 저장하기-변수 - Web 개발 학습하기 | MDN 앞선 두 수업을 듣고, 자바스크립트에 대해(웹 기술에서 어떻게 사용되는지, 큰 범위에서의 특징) 알아보았다. 이번 수업에서는 기본중에 기본인 자바스크립트의 주된 구성중 하나인 변수가 어 developer.mozilla.org https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=vucket&logNo=220926221170 ] [jQuery] Input value 출력 방법 Jquery를 통해 input 태그의 value 에 접근하여 데이..

https://kbseung12345.tistory.com/2 [vue.js 기초 공부] vue.js - 01 vue.js란 Javascript의프레임워크 입니다. AngulerJs, ReactJs보다 유명하지는 않지만 최근 인기가 매우 주목받고 있는 자바스크립트 프레임워크 중 하나입니다. VueJs는 발음과 비슷하게 View에 최적화시킨 kbseung12345.tistory.com https://niceman.tistory.com/43 Vue.js - 기초 문법 배우기(1) 강의 및 예제 소스 Vue.js - 기본 CDN 설치 ① Vue.js는 최신 트렌드에 맞는 진보적인 프레임워크이다. ② 핵심 라이브러리에는 뷰 레이어에 초점을 맞춰어 코딩하면 된다. ③ 대규모 개발 프로젝트에서 Vue.js는 통합 ..

(참고로 나는 NODE.JS 와 VScode가 깔려있다) VS코드를 키면 절케 나오는디! 좌측 하단 블럭처럼 생긴애를 누르면 옆에 저렇게 영어들이 쭈르륵 뜬다! 내가 깐 설치 파일(?)들...*One Dark Pro는 안깜! 저걸 위 검색창에 쳐서 다운받으면 된다. 그리고 이거 눌러서 html파일 만들고 를 써주면 된다고 한다!! ( 출처: https://doncolmi.github.io/Vue-1/ ) 그리고 우클릭을 해서 Open with Live Server을 눌러주면!!!! 원래같았으면 저기에 'Hello world!'라고 써져있어야 함..;;ㅋ 근데 난 ALL WHITE............. 뭐 코딩은 오류의 연속이니꽈~~~ ( 확장프로그램 > VUE 눌러서 액세스 허용시키면 된다해서 해봤음...

공부든 뭘하던지 간에... 눈으로 보는 것 말고 직접 써보는것도 중요할 것 같아서 강의(아래의 링크)를 들으며 열심히 따라쓰고, 이해하고, 암기해보려고 한다. 물론~! REACT는 나에게 너무 낯설지만..😂 그래도 차근차근 시작해보려고 한다.. 시작~!!!!! 😍 ⚙ 태그 컴포넌트화 ⚙ 참! 참고로 import React, { Component } 꼭 써줘야 한다 :) ⚙ props를 사용해보자 ⚙ 그렇다면, 어떻게 출력되는지 볼까나~🎈 으악 이게 뭐야 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 아마 props 문제인 것 같다... 난 장난꿀허기,,~^^ . 그렇게 오류를 해결하려구 구글링을 열심히 해보다가.... 이거 안썼었음 (난 바보인가봄;;) 뭐 괜찮다! 실수는 할 수 있으니까 하하하하~! wow~!@~!~ 솔직..

● DOM : HTML 파일로 만들어서 브라우저에 보여주는 것 (즉 사용자 인터페이스에 표시하는 것) ● Element(요소) : 내용을 포함해 시작 태그와 종료 태그까지 일컫는것 ex: 안녕하세요오!! --> 전체가 'Element'! ● Attribute(속성) : 시작 태그에 위치하며 한 태그에 여러 속성을 지정할 수 있다. (class, alt, src, href) ex: 네이버 배너입니다 ● DOCTYPE : 태그같이 생겼지만, 아님!! 이 HTML파일이 어떤 버전을 사용했는지 브라우저에 알리는 역할 ✨ 이 분 블로그를 참조하여 더 간략하고 제가 보기 쉽도록 적었습니다! ✨ http://velog.io/@offdutybyblo/HTMLCSS-%EA%B8%B0%EB%B3%B8-%EA%B0%9C%E..

1. node-js 최신버전 설치 2. 명령 프롬프트 실행 후 node -v 입력해 버전 확인 3. 버전이나오면 npm -v 입력해 버전 확인 4. npm install npx -g 입력 5. npx -v 입력해서 버전 확인 6. pwd를 입력 (현재 위치를 알려줌) 7. 프로젝트 명 입력 (ex: zoozoo) 8. npx create-react-app zooozoo(프로젝트명) 입력 9. 설치가 끝났으면 dir 입력해서 zoozoo가 있는지 확인해주기 10. cd zoozoo 입력 (디렉토리 이동 명령문) 11. 다시 dir 입력하면 zoozoo 폴더 안에 있는 폴더, 파일 목록들이 나타남 12. 잘 나타나면 이제 VSCode(비주얼 스튜디오 코드)에 들어가 터미널에 npm start 치기 ※ 프로젝..

아직 디자인을 잘 하는편이 아니지만 꾸준히 하면 오르겠지!? 화이팅 이다.. (시험이었어서 3일차까지는 게시글을 한번에 올립니당 8ㅅ8)

문법은 배우는것보다 직접 해보는것, 즉 만들어 보아야 한다고 했다. 그럴때 깃이 그렇게 편하다(?)고 해서.. 오늘은 깃을 설치하고 BACKLOG 회원가입을 했다. 원격 저장소에 푸시(Push)하기 【튜토리얼 2 저장소 공유】 | 누구나 쉽게 이해할 수 있는 Git 입문~버전 관리를 완벽하게 이용해보자~ | Backlog 원격 저장소에 푸시(Push)하기 【튜토리얼 2 저장소 공유】 | 누구나 쉽게 이해할 수 있는 Git 입문~ 원격 저장소에 푸시(Push)하기 【튜토리얼 2 저장소 공유】 | 누구나 쉽게 알 수 있는 Git에 입문하신 것을 환영합니다. Git을 사용해 버전 관리를 할 수 있도록 함께 공부해봅시다! backlog.com (나는 이 링크를 이용해 쉽게 따라할 수 있었다^^) 커밋한것, 생성..

4일차에는 java의 method와 return을 배웠다 method로 쓰는법, return으로 쓰는법 오늘은 method, return 호출 각 방식(?)으로 쓰는법을 알았다 아직 갈길이 멀긴 멀다..! 프로그래밍이 쉬워지는 그날까지! >_

오늘도 TIL 시간으로 돌아왔다.. 흑흑 코딩은 너무 어려운 것!! JS에서만 애니메이션같은 효과를 할 수 있을 줄 알았는데 검색을 해봤는데 CSS도 가능하다네..!!! 처음보는 태그들이지만 그래도 열심히 복붙하고 공부했다 -_-+ 후,, 코딩 잘하는 그날까지 더 열심히 해야겠다! 오늘은 CSS 애니메이션, 사진 위 텍스트 배치를 알게 됐다 나름 많이 ? 알아간 하루!! 작심삼일이 되지 않도록 쭉 열심히 하자 -♥