ZOO CAN DO IT

(참고로 나는 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 치기 ※ 프로젝..

문법은 배우는것보다 직접 해보는것, 즉 만들어 보아야 한다고 했다. 그럴때 깃이 그렇게 편하다(?)고 해서.. 오늘은 깃을 설치하고 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 애니메이션, 사진 위 텍스트 배치를 알게 됐다 나름 많이 ? 알아간 하루!! 작심삼일이 되지 않도록 쭉 열심히 하자 -♥

뭐든 성실한게 중요한 법! 매일매일 TIL 챌린지를 해야겠어서 오늘도 컴퓨터를 켰다 🤣 모르는건 구글에 서치서치! 적용도 해보고, 원리(?)를 이해하려고도 해봤다^_^ 🎈오늘 배우게 된 것🎈 오늘은 나름 어떻게 웹페이질 디자인 할 지 감은 잡혔는데.. 이걸 이제 어떻게 쓰느냐 관건이다! 하다보면 술술 쓰게되는 날이 오겠지. 그날까지 아자아자 파이팅이다~~

오늘은 깃허브 회원가입을 하고 어떤 웹페이지를 만들건지 방향성을 잡아보려 한다 대학교 수업에서만 프로그램을 배우면 실력이 도저히 늘지 않을 것 같아서...(물론 지금도 왕왕초보다) 일단 긴 말은 생략하고! 그럼 이제 깃허브 회원가입을 해야겠다 (회원가입하는 페이지 못찍었다..) 짠! 포트폴리오라는 이름을 가진 프로젝트를 제작했다! 프로젝트를 제작하고, 소스(?)를 계속 써내려갔다. 비록 왕초보라 잘 알진 못하지만, 모르는 부분은 구글에 쳐 가면서 했다. 대략 이정돈 쓴 것 같다.. 남들에 비해 솔직히 많이한 것도 잘한것도 아니겠지만..ㅠㅠ. 그래도 내딴엔 집중해서 열심히.. 써봤던 것 같다.... 지금은 아는 태그도 단어도 별로 없어 글 쓰는게 익숙치 않지만... TIL을 하면서 프로그래밍 관련 여러 단..