본문 바로가기
  • Coding & Book

분류 전체보기219

Node.js 설치 방법 Node.js 설치 방법 1. 사이트 접속 사이트에접속해줍니다. https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. 파일 다운 - LTS 파일을 다운해줍니다. ++(2023/05 기준입니다.) 3. node 설치 1. 위를 설치 하면서 아까 필요한 도구를 자동으로 설치하는 것에 대해 체크를 했기때문에 cmd 창이 하나 뜹니다. 2. "마지막에 계속하려면 아무키나 누르십시오"가 뜰텐 아무키나 누르면 설치 됩니다. 3. 누르시면 PowerShell로 넘어갑니다. 4. 설치가 완료되면 enter를 눌러 줍니다 2023. 5. 28.
[HTML5] target 속성과 src 속성에 대해 자세하게 알아보자 target 속성과 src 속성을 자세하게 알아보자 target 속성 target 속성은 a 태그로 링크를 생성할 때 대상이 연결 되는 방식을 지정합니다. 속성값으로 _blank, _parent, _self, _top 을 사용할수 있습니다. 가장 많이 사용 하는 것은 _blank 로 알려져 있습니다. target 속성값 _blank 는 새 창으로 열리는 방식입니다. _parent 는 기존창의 부모 창에서 새 창이 열리는 방식입니다. _self 는 기존창에 그대로 웹페이지를 여는 방식입니다. _top 은 현재 열려져있는 창의 최상위 인터넷 창에서 열리는 방식입니다. src 속성 src 속성은 삽입하려는 이미지의 경로를 입력하는 속성입니다. 여기서 이미지 경로를 현재 폴더로 할지 상위폴더로 할지 정할 수 있.. 2023. 5. 17.
<스프링 부트 입문> 베타 학습단 참여 후기 유튜버 홍팍님의 영상을 보면서 공부하던중 커뮤니티에 스프링 부트 베타 학습단을 모집하고 있다하여 지원을 해봤습니다. 백엔드 개발이 목표라 평소에도 인프런에 있는 김영한 선생님의 강의도 보고 있었는데 꼭 참여해보고 싶었습니다. 지원 조건 필수지식: JAVA 권장 지식으로 HTML, CSS, Javascript,SQL 등 (다들 제가 많이 접해본것 같아서 지원해보았던것 같습니다.) 4/20 에 메일로 선정되었다고 연락이 왔고 기간과 함께 목차도 알려주셧습니다. 기간은 4/24 ~ 5/12일이었습니다 목차 1.스프링부트 시작하기 2.MVC 패턴 이해와 실습 3.게시판 만들고 새글 작성하기: Create 4.롬복과 리팩터링 5.게시글 읽기 6.게시판 내 페이지 이동하기 7.게시글 수정하기 8.게시글 삭제하기 9.. 2023. 5. 13.
길벗 HTML 자율 학습단 마무리 후기 이번 코딩 자율학습단 2기에 참여했고, 그 경험에 대한 후기를 남기려고 합니다. 이 책은 초보자가 웹사이트를 만들기 위한 기초를 다지는데 도움이 되는 좋은 책인것 같습니다. 책에 있는 설명과 코드 그리고 그림만 봐도 이해는 되지만 실습 위주로 구성되어 있어, 실제로 코드를 작성해보며 따라하는 것과 기초적인 html, css, javascript 문법부터 설명하기 때문에 초보자분들도 충분히 따라할수 있을것 같았습니다. 추가로 중요한 내용들과 실무에서 주로 사용하는 내용들이 따로 나와 있어 쉽게 공부 할수 있었던것 같습니다. 전반적으로 위 책을 통해 자율학습단에 참여하여 공부한것은 좋은 경험이었습니다. 날마다 매니저분이 그날 학습일정에 대해 설명해줘 완독하는데 쉽게 했던것 같았고 책의 내용을 실제로 따라하며.. 2023. 4. 1.
12-3장 문서 객체 모델과 이벤트 다루기 공부할 내용 (487~522쪽) 1. form 조작하기 - form 태그 선택하기 HTML 폼 요소의 시작은 항상 form 태그이다. -form 속성 사용하기 document 객체의 forms 속성은 모든 form 태그의 노드 정보를 HTMLCollection 객체에 담아 반환한다. -name 속성 사용하기 form 태그에 name 속성을 사용하면 form 속성보다 직관적으로 form 요소 노드를 선택할수 있다. -폼 요소 생각하기 폼요소에는 선택할때는 elements 속성이나 name 속성을 사용한다. -폼 요소 입력값 다루기 폼 요소는 사용자에게 값을 입력받아 이를 서버에 전달한다. 전달받은 값을 서버에 전달하기까지 폼 요소에 입력된 값이 유효한지 검증할수 있어야 한다. 2. 이벤트 다루기 이벤트는 .. 2023. 3. 29.
12-2장 문서 객체 모델과 이벤트 다루기 공부할 내용 (456~486쪽) 1. 문서 객체 모델이해하기 웹 브라우저는 HTML 문서의 구성 요소를 모두 객체로 인식한다. - 문서 객체 모델이 생성되는 방식 문서 객체 모델은 웹 브라우저가 HTML 문서를 해석하고 해석한 HTML 문서 구조를 객체로 변환하는 방식으로 생성된다. 2. 노드 선택하기 자바스크립트로 웹 브라우저에 표시되는 HTML 문서를 조작하려면 문서 객체 모델을 조작해야 한다. 문서 객체 모델은 WINDOW 객체의 DOCUMENT 객체를 사용해 조작할 수 있다. - 속성으로 노드 선택 (예시들) parentNode - 부모노드를 반환한다. childNodes - 모든 자식 노드를 반환한다. parentElement - 부모 요소 노드를 반환한다. childeren - 자식 요소 노드.. 2023. 3. 28.