HTML -- 압도적인 쉬움! 퍼블릭 도메인, 누구나 가능. 필요 에디터 -- 아톰 ATOM 바탕화면에 Web폴더 만들기. 1.html만들기. 확장자 .html -- 맘대로바꾸면 안됨. 윈도우 파일열기 컨트롤+O 웹을 지배하는 문법 가장 쉬운 문법 == 태그. ex)
색을 바꾸는 법 글자 그치만 폰트는 정보를 주는 게 아닌 단순 디자인을 변경하는 태그.ㅡㅡ정보가 아니다. 따라서 css(cascading style sheets)가 필요하다.웹에서 주석을 표현하는 법.<기호!-- \-->css는 html과는 완전히 다르다. css
스위스, Cern, 팀 버너스 리.
글자 크기 조정font-size:60px;글자 위치 가운데 정렬.text-align: center;링크에 대해서 사용자가 방문하지 않은 건 파란색.방문한 건 회색현재 방문하고 있는 링크는 빨간색으로 표시.링크에다가 class="saw"를 추가 , 이건 Html이다클래스
목표로 하는 디자인!박스모델에 대해 알아보기.경계의 넓이는 5픽셀 색은 빨강,스타일은 솔리드.중요한 점 h1같은 제목 태그는 화면 전체를 사용함--- 박스를 생성하면 글자 만큼만 박스가 나오는게 아니라이런식으로 화면 전체에 박스가 생성된다.block level elem
밑줄 긋기. border-bottom: 2px solid black;글자 바깥 영역이 margin 이 마진 값을 0으로 하면 글자가 정렬가로줄 긋기 ol{ border-right: 1px solid gray; width:400
자바스크립트는 사용자와 상호작용을 하는 언어이다.웹페이지는 출력된 순간 바뀔 수 없어지게 된다.그러나 자바 스크립트를 이용하면 속성이 부여되어서 변화할 수 있게 된다.html한테 javascript가 시작된다고 알려줘야 한다.script 태그. 이 안쪽에 있는 것이 자
버튼 생성. 여기에 추가하기.document.querySelector('body')문서에 있는 선택자 중에 body, 본문에 있는 것을 선택.웹브라우저에 질의 한다는 뜻.document.querySelector('body').style.backgroundColor
배열 array var ar= ["a","b"]; document.wrie(ar[0]); document.wrie(ar.length); ar.push('c'); 배열 선언 [a,b] a호출. 배열의 길이 2 배열에 c를 추가. queryselector는
객체 생성.이름 : 데이터 순으로 할당.(객체.이름) == 데이터 값으로 출력됨.객체에다가 새로운 이름을 할당하는 법.객체.새이름 = '데이터값' 으로 할당.만약 이름이 띄어쓰기가 있어서 문법상의 오류가 있다면???객체"이름 이름'=데이터값;으로 대괄호 사용.반복문 -
파일로 쪼개서 정리정돈 하기.자바스크립트로 구현한 버튼 기능은 다른 스크립트에 일괄 적용하려면 모두 갖다붙여야 한다. 이러한 비효율성을 막기 위해. colors.js라는 파일을 만들고 공통되는 코드를 붙여넣고 저장한다.이 파일을 참조하려면.
통신 규약물건을 주는 클라이언트 물건을 받는 서버.우클릭 - 검사 - 네트워크 들어가서 웹과 웹페이지가 통신하는 파일을 볼수 있다.이렇게 들어가서 header 보면 이렇게 있는데 이중 첫번째 두줄,1.html파일을 가지고 왔으며, Http1.1의 방식으로 통신하고 있고
node,js 다운.비주얼 스튜디오 코드 사용.react-app폴더 생성, 여기에 프로젝트 시작 npx create-react-app . (.은 현재 프로젝트를 뜻함.)으로 노드js 다운. 다운이 되었으면 npm start를 눌러서 리액트 개발환경을 스타트! 웹에서 다
CSS
CSS
CSS
flex 레이아웃(컨텐츠를 구조화)을 할때 쓰는 기능. 레이블의 변화 Table(격자, 표) 많은 정보 저장, 정보 과다로 나중에 바꾸기가 어려움 -->position, float --> FLEX는 conatainer 류의 태그들과 item류의
링크텍스트sub와 sup태그.첨자, 분수등을 표현 가능.1\. 태그 : 아래첨자를 넣고 싶을 때 사용. subscript를 의미엔티티 코드 -- 특수 기호 표시 https://alonehistory.tistory.com/12
드림코딩.클라이언트와 서버가 어떻게 통신하는 지를 정의한 것이 바로 http이다.AJAX는 웹페이지에서 동적으로 서버 데이터를 주고 받는 기술.대표 예 -- XHRXML은 HTML같은 마크업 언어.json은 JavaScript Object Notation라는 의미의 축
복잡한 문자열을 처리할 때 사용하는 기법특정 언어만의 고유 문법이 아니라 문자열을 처리하는 모든 곳에서 사용생활코딩.튜토리얼 사이트(http://zvon.org/comp/r/tut-Regexp.htmlMDN원본: who is who정규 표현식:^who --시작
AJAx부분적으로 웹페이지를 갱신.페이지에서 변경하는 부분과 변경되지 않는 부분을 구별해 일부만 바꿈으로 효율 증대.
강의47:34extend를 활용하면 같은 속성을 확장하는 것도 가능하다!
문법블로그부모 참조 선택자 '&(Ampersand)'플레이스홀더 선택자@extend로 호출하며 '%(Percent)'를 사용주석주석은 // /\* /가 있으면 컴파일시 사라지나 /! \*/ 문법으로 작성하면 주석이 삭제되지 않고 노출논리 연산Sass에서 논