할루솔이 알쓸신잡

1. 아래 링크 클릭 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 applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. code.visualstudio.com 2. OS에 맞게 다운로드 3. 다운로드된 파일 열어서 동의합니다 선택 후 다음 클릭 4. 설치 경로 설정 5. 다음 클릭 6..

node.js 설치 방법 시작~! https://nodejs.org/ko/download/ 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 1. 홈페이지 들어가서 Windosw Installer 선택(각자 OS에 맞게 선택) 2. 다운로드 후 열어서 Next 3. 동의 선택 후 Next 4. 설치경로 설정 5. Next 6. 체크 안하고 Next 7. Install 클릭 8. Finish 누르면 설치 완료! 9. cmd실행 후set path 입력 (설치경로가 들어있는지 확인) 10. 설치한 node js버전 확인 11. npm 버전 확인 12. npm install -g cre..

백엔드 2주차 수업 시작! 월요일..싫어..~ -반응형 웹 & 미디어 쿼리 : 다양한 화면 크기에 맞게 표시하기 위해서 반응형 웹을 사용한다! 반응형 웹을 만들려면 뷰포트(viewport) 설정이 필요하고 뷰포트는 스타일태그에 작성한다. 보통 세로크기는 잘 지정하지않고 가로크기를 주로 지정한다. (반응형 웹은...잘 모르겠다..더 공부해야 할 듯..ㅠㅠ) -자바스크립트 태그 or 안에 javascript는 css처럼 외부파일에서 작성 가능함 파일명은 xxx.js 태그는 따로 작성할 필요 없음. =>alert("스크립트를 실행합니다. 외부파일") -자바스크립트 기본 입출력 alert alert(’ 팝업창 출력 메세지’); document.write 현재 브라우저에서 확인 가능 console.log 현재 브..

난 미적감각이 0인 사람이기에 CSS를 가까이하지 않았다.. (핑계임) 금요일에는 css를 배웠는데 이해 80%완료. 근데 왜 적용이 안되니...?ㅋㅋㅋㅋㅋㅋ.. 일단 배운 것 정리부터 시작! form action=”전달 파일명(백엔드 jsp, servlet, spring, controller)” input type=text/password/hidden/checkbox/radio/submit, image(이 두 태그는 form의 action속성과 연관이 있는 속성들)/reset/button(기능은 자바스크립트를 사용해 넣어줌) id=”A” label for=”A”;(input태그 중 id가 A인 값을 가져오겠다. textarea cols=”40” rosw=”4” 40글자, 4줄정도 입력가능(4줄 넘어가면..

혼자서 어떻게 공부를 해야 할지 감도 안 잡히고 그러다 보니 허송세월만 보내고 있던 차에 유데미 스타터스 백엔드 부트캠프를 발견! 국비교육도 아니니 내일배움카드를 발급하는 등 복잡한 과정도 필요 없어서 좋다! 필요한 건 노력과 시간뿐!!!! 3개월..불태워보자고..~!^_ㅠ.. 1. HTML이란? HyperText Markup Language 줄임말. 웹 문서를 만드는 기본 언어. 문자로 보여주는 것 이상을 보여준다는 뜻. 링크가 가능하기 때문에 많은 걸 보여줄 수 있음! Markup Language 컴퓨터언어(프로그래밍언어=>조건 사용 가능, 반복, 변수, 연산자 등등 가능한 언어) 하지만 html은 프로그래밍 언어라고 볼 수 없음. 위 기능이 거의 불가능하기 때문. 마크업은 화면에 표시하는 기능을 하..