본문 바로가기
반응형

자바스크립트3

[서평] 더 나은 웹 개발을 위한 가이드(고승원 지음, 한빛미디어) :: 프런트엔드 웹 개발, 실무 기술 노하우 [서평] 더 나은 웹 개발을 위한 가이드(고승원 지음, 한빛미디어) :: 프런트엔드 웹 개발, 실무 기술 노하우 "한빛미디어 활동을 위해서 책을 제공받아 작성된 서평입니다." 기본적인 프런트엔드 웹 개발 지식을 갖춘 개발자 HTML, CSS, 자바스크립트 '더' 깊이 있는 개발 사용자 경험을 고려한 설계 예시 실무 지식과 사례 더 빠르고, 더 잘 읽히는 웹사이트 구축 올해 초에 개교하여 근무하게 된 대안학교의 홈페이지를 만드는 걸 도와주다가 깊이 좌절하고 있습니다. 아주 기초적인 HTML, CSS, 자바스크립트 지식을 가지고 선의로 시작하기엔 너무 거대한 일이었습니다. 부트스트랩과 그누보드를 이용해서 만들어보았는데 만들면 만들수록 디자인은 보기에 안 좋고, 기능은 기능대로 점점 엉망진창이 되어갔습니다. .. 2023. 7. 27.
[JavaScript] 엘리먼트 추가 하기 | .createElement(), .appendChild() 메서드 사용법, 예제 HTML 문서에서 자바스크립트로 엘리먼트를 추가할 수 있습니다. Document.createElement() 메서드는 지정한 tagName의 HTML 엘리먼트를 만들어 반환합니다. 구문 let element = document.createElement(tagName[, options]); 매개변수 tagName 생성할 엘리먼트의 유형을 가리키는 문자열. 예) section, div, h1, p, button 등 반환 값 새로운 엘리먼트 var aChild = element.appendChild(aChild); 예제 아래 예제는 엘리먼트 안쪽에 엘리먼트가 생성되어 추가됩니다. 다음 예제는 엘리먼트 안쪽에 엘리먼트를 생성합니다. 엘리먼트 안쪽에는 "Hello World!"가 삽입됩니다. 참고로 appendC.. 2022. 7. 16.
[리액트 기초 스터디 #1] 클론 코딩 수업 준비하기 - Node.js, npm, npx, 비주얼 스튜디오 코드, 깃 설치하기 [리액트 기초 스터디 #1] 클론 코딩 수업 준비하기 오늘부터 시작할 스터디 주제는 리액트를 이용해서 영화 평점 웹 서비스를 그대로 따라서 만들어 보는 것이다. 노마드 코더 니콜라스 선생님의 신작 을 가지고 정말 그대로 따라 만들면서 스터디를 진행해볼 예정이다. 리액트도, Node.js도 전혀 모르는 상태라서 긴장되기도 하고, 걱정되기도 하지만! 작품을 하나 만들어가면서 차근차근 연습하다보면 무언가를 배울 수 있지 않을까? 완성될 작품을 기대하며 신나게 출발!! 오늘은 그 첫 순서로 리액트 앱을 만들기 위한 기본 환경 설정을 시작한다. 클론 코딩 수업 준비하기 리액트로 영화 앱을 클론 코딩하려면 준비해야 할 도구들이 있다. 이번 스터디에서는 Node.js, npm, npx, 비주얼 스튜디오 코드, 깃을 .. 2020. 7. 3.
반응형