생활코딩 (55) 썸네일형 리스트형 웹브라우저 자바스크립트_6 DOM-4 (Node 객체) 6. DOM window에 로드된 문서를 제어하기 위한 object model 6.8 Node 객체 DOM의 최상위에 있는 객체. DOM의 모든 객체는 Node 객체를 상속받는다. 주요기능 관계: 각 Node 객체 사이의 관계를 부여 Node.childNodes Node.firstChild Node.lastChild Node.nextSibling Node.previousSibling Node.contains() Node.hasChildNodes() 노드의 종류: 각 Node(구성요소)가 어떤 카테고리에 속하는지 알려줌 Node.nodeType Node.nodeName 값: Node 객체의 값을 제공 Node.nodeValue Node.textContent 자식관리: Node 객체의 자식을 관리(추가 혹은.. 웹브라우저 자바스크립트_6 DOM-3 (Element 객체) 6. DOM window에 로드된 문서를 제어하기 위한 object model 6.7 Element 객체 HTMLElement: HTML에서 사용되는 태그를 포함하는 객체. HTMLElement를 포함하는 Element 객체가 존재한다. 문서상의 모든 element에 대한 특성을 정의. HTMLElement와 Element 객체를 구분한 이유 DOM은 HTML만을 대상으로 하지는 않기 때문이다. 모든 markup element를 대상으로 한다. (e.g., XML, SVG 등) Chrome 개발자 도구의 property를 이용해서 선택한 element가 소속된 모든 부모객체를 볼 수 있다. 다른 객체들과의 관계 주요기능 Element 객체의 주요 API 식별자: 문서 내의 element를 식별하는 용도... 웹브라우저 자바스크립트_6 DOM-2 (HTML Elements, HTMLCollection, jQuery 객체) 6. DOM window에 로드된 문서를 제어하기 위한 object model 6.4 HTML Elements getElements * 로 얻은 객체가 무엇인지 정확히 알아야 적절한 method나 property를 사용할 수 있다. constructor method를 이용해서 객체에 대한 정보를 얻을 수 있다. (e.g., countructor.name: 선택한 객체의 유형명) var li = document.getElementById('active'); console.log(li.constructor.name); // => HTMLLIElement var lis = document.getElementsByTagName('li'); console.log(lis.constructor.name); // =>.. 생활코딩 Github Github Git의 이해 (vs. dropbox) Dropbox Git Dropbox server dropbox.com 파일에 어디서든 접근 가능하도록 올린 파일을 저장 Git server e.g., github.com 버전정보, .git파일 등을 저장하는 곳. Git의 원격저장소 Dropbox client 사용자가 파일을 업/다운로드 하기위해 실행시키는 프로그램 Git Client Github은 현재 절대 다수의 개발자가 이용하고 있기 때문에 우선적으로 배울만한 가치가 있다. 1. 저장소 생성 가장 먼저 할 일: 프로젝트를 저장할 저장소(repository)를 생성 Create repository 혹은 프로필 옆의 +버튼으로 생성한다. Repository 이름을 설정 종류를 선택: Public or .. [생활코딩] Github 강의소개 생활코딩 에서 제공하는 git을 모르는 사람을 위한 github 강의. 지금 듣는 git 강의에 맞춰서 github을 이용하기 위해 기본적인 인터페이스를 익히고 싶어서 들었다. 이 정도는 github documentation 정도만 참고해도 괜찮을 것 같긴했지만 신경써서 만든 강의가 있어서 최대한 빠르게 들어보려고 한다. 개인적으로는 Git1 강의가 github 기반이었는데 그것보다는 자세했으면 좋겠고, 사용 방법보다는 그것이 정확히 무엇인가를 확실하게 알고싶다. 강의주소: https://opentutorials.org/module/4636 수강기간: 2020.06.10 - 2020.06.23 수강소감 Github의 가장 기본적인 기능을 알려주는 강의. Git의 기본적인 기능과 github에서 .. Git2 CLI_버전관리 Git2 CLI: 버전관리 CLI: Command Line Interface Original Git: 다른 여러 git 프로그램의 기반. 명령어를 통해 자동화가 가능하고 GUI를 제어할 수 없는 서버환경에서도 사용 가능하다. 1. 설치 홈페이지에서 설치 2. 버전 관리의 시작 git init [프로젝트 directory이름] e.g., git init .: 현재폴더에서 git을 시작 프로젝트 directory에 .git directory가 생기고 여기에 버전 관련 데이터를 저장한다. 3. 버전의 생성 버전 생성 Git system의 구조 Working tree Staging Area Repository 버전으로 만들어지지 않은 작업물 버전을 만드려는 파일 버전이 저장되는 곳 (git) 파일을 생성한 뒤 .. 웹브라우저 자바스크립트_6 DOM-1 (제어대상을 찾기, jQuery) 6. DOM window에 로드된 문서를 제어하기 위한 object model 6.1 제어 대상을 찾기 DOM으로 문서를 제어하기위해 가장 먼저 해야할 일: 제어대상을 찾기 document.getElementsByTagName Tag의 이름이 전달한 argument와 같은 element들을 가져옴. var list = document.getElementsByTagName('li'); 문서 내의 태그들을 유사 배열로 가져와서 list 변수에 담는다. 유사 배열: Nodelist, 실제로 배열은 아니지만 배열처럼 접근이 가능하다. 특정한 태그 (e.g., ) 아래의 태그 (e.g., )만 선택하고 싶으면: 상위 태그를 먼저 받아서 변수에 저장한 뒤, 그 객체에서 다시 하위 element를 받는.. POSIX CLI1_12 수업을 마치며 12. 수업을 마치며 추가적으로 공부해볼만한 주제들 여러 명령을 따로 적어놨다 한 번에 실행 (프로그램 자동화) Shell Script 내가만든 package(i.e., 프로그램)을 다른사람이 사용하도록 하거나 반대로 남이 만든 package를 이용 Package manager e.g., apt-get, yum, homebrew, chocolatey 컴퓨터 유지보수 (컴퓨터에 대한 이해) Top, htop, computer architecture Data(storage, memory) & processor(CPU) 여러 컴퓨터의 연결관계 Network 이전 1 2 3 4 ··· 7 다음
