지혀니의 알쏭달쏭 지식

먼저 알아둬야 할 것이 있다. Git과 GitHub의 차이? git : local 내 컴퓨터 내에서 소스를 관리하는 것 gitHub: local에서 관리한 소스를 업로드하고 공유하는 공간 깃허브에서 직접 수작업으로 파일을 하나씩 업로드하여 레파토지를 올릴 수 있지만, 이 방법은 시간도 오래걸리고 파일 용량이 크면 나눠서 올려야 하는 단점이 있다. 따라서 비주얼스튜디오 코드에서 터미널을 통해 올려보고자 한다. 1. git 설치 첫번째로 본인 컴퓨터 사양에 맞춰 깃을 설치해주고, 깃허브에 회원가입을 해준다. https://github.com/ GitHub: Let’s build from here GitHub is where over 100 million developers shape the future of..

학원을 다니거나, 면접을 다니다보면 "dom에 대해서 아세요?"라는 질문을 들어본 적이 한번씩은 있을 것이다. 물론 나도 면접 볼 때 들어봤고.. 하지만 DOM이라는 단어만 알았지, DOM에 대한 상세한 정보는 몰랐다. 오늘은 DOM구조에 대해 알아보려고 한다.DOM 트리란?DOM 트리란? 웹 페이지의 모든 요소를 Document 객체가 관리하게 된다. 따라서 웹 페이지의 요소들을 관리하고, 제어하기 위해서는 Document 객체가 웹 페이지 요소들을 잘 반영하는 자료구조를 가지고 있어야한다. Document 객체 모델인 DOM은 트리 자료 구조 형태를 가지고 있다. 트리 자료 구조는 HTML 문서를 읽어 들이고 제어하기 가장 좋은 자료구조이다.(Document란? 웹 페이지 그 자체를 의미함) DOM ..

음..나는 제이쿼리만 많이 사용해봤지, 자바스크립트는 알림창용으로만 사용해왔다. 어느 면접을 가도 제이쿼리는 지금 거의 사라졌다고 말씀해주셨다. 이제 제이쿼리의 손을 벗어나 자바스크립트를 제대로 배워보려고 한다.Javascript의 탄생웹 페이지를 동적으로, 프로그래밍적으로 제어하기 위해서 고안된 객체 기반의 스크립트 언어이다. 1993년에 처음으로 Netscape라는 정적인 웹 사이트가 등장하였고, 웹 사이트보다는 웹 문서에 가까웠다. 이 때 '브레든 아이크'라는 사람은' Mocha'를 만들었고 Java가 인기가 많다며 이름을 자바스크립트(Java script)로 지었다. 자바스크립트 등장 이후 DOM 요소의 조작이 가능해졌다. 초기의 자바스크립트는 순탄하게 성장했던 것은 아니다. 오류와 문제점들을 해..

CSS란? CSS는 마크업언어가 실제로 표시되는 방법을 기술하는 스타일 언어이다. (Cascading Style Sheet)는 HTML과 XHTML에 주로 쓰이며, 스타일을 정의할 때 자유도가 높다. 마크업이 뼈라면 CSS는 살로 보면 된다. HTML은 그대로 냅두고, CSS만 변경해도 전혀 다른 홈페이지로 구현할 수 있다는 것을 알 수 있다. CSS적용방법은 3가지가 있다. 인라인 스타일( Inline CSS ) 빠르고 편리하지만, 많아질수록 가독성이 떨어지고 화면에 웹 페이지가 로딩되는 시간을 오래 걸리게 한다. 태그와 스타일이 혼잡해져 유지보수에 좋지 않다는 단점이 있다. 내부 스타일( Embedded CSS ) HTML 파일 내에 style(css)를 구분하여 작성하는 방법이며 이 또한 편리하고 ..

데이터 표를 정리할 때, 태그를 자주 사용했는데 요즘 태그를 자주 사용하지 않는 추세라고 한다. 그래서 이게 없어졌다는건지, 그냥 기업에서 사용을 잘 하지 않는다는 것인지 알아보기 위해 작성하려고 한다. 1. HTML5에서 더이상 지원하지 않는 태그 요소들(Elements) 태그명 속성 대체 태그 applet 임베디드 애플릿 사용시 embed 또는 emded acronym 영문 축약형 사용시 abbr로 대체 dir 디렉토리 리스트 ul로 대체 strike 글꼴 효과(글 취소 효과) del 또는 s basefont 글꼴의 형태 정의 지원중단 center 텍스트 위치 중앙 정렬 지원중단 font 글꼴 지원중단 frame 프레임 지원중단 frameset 프레임 부속 태그 지원중단 tt 글꼴 효과(타자기 효과)..