Enjoy Programming

문제가 생겼다. globalRouter에 지정된 url은 모두 접속이 잘된다. 근데.. users와 videos가 문제다.. 다 같이 적용을 해줬는데 localhost:4000/users 와 videos에 get해오지 못한다 이상한건 users/~~~는 모두 userdetail이 뜨고 video는 모두 video upload만 뜬다... ㅠㅠ 왜이러는거냐.. 해결했다.... 몇시간 고찰 끝에... app.js에서 요부분을 제대로 이해 못했던거다... 대충 이해했던거.. app.use(routes.home, globalRouter); app.use(routes.users, userRouter); app.use(routes.videos, videoRouter); routes해줄때 home, users, vi..

아주 중요한 태그이다. 유저가 입력한 데이터를 수집하기 위해 사용되며 input, textarea, button, select, checkbox, radio button, submit button등의 입력 양식 태그를 포함한다. 웹페이지 만들때 꼭 들어간다? 고 봐야 한다. 서버사이드와 연결한다. 페이지에 로드될 정보라던지 유저가 요청한 데이터를 서버에서 가져오고 유저가 입력한 정보를 서버로 전송도 한다. attribute 는 action 과 method가 있는데 action은 URL을 값으로 가지며 입력 데이터 (form data)가 전송될 url을 지정한다. method는 입력데이터의 전달 방식을 지정한다 GET / POST 방식이 있다. GET get 방식은 전송 url에 데이터를 query str..

페이지에 이미지 삽입시 img태그를 이용하자 attribute는 src : 이미지 파일 경로 alt : 이미지 파일이 null일경우 표시 되는 텍스트 width : 이미지 너비 height : 이미지 높이 사운드 관련 삽입시 autido 태그 attribute는 src: 경로 , preload : 재생 전에 파일을 모두 불러올지 지정 , autoplay : 자동 재생 , loop : 반복 , controls : 재생도구 표시 브라우저 별로 지원하는 음악파일 형식이 다르니 꼭 확인하자. 영상 삽입시 video태그를 쓰자 attribute src: path , poster : 준비중 표시될 이미지 파일 경로, preload : 재생 전에 동영상 파일을 모두 불러들일지 결정 autoplay : 자동재생, lo..

html에는 list를 표현하기 위해 크게 두가지의 형태의 태그가 있다. ul 과 ol ul 은 unordered list - 순서가 없이 그냥 리스트를 표현해준다 ol 은 order list로 순서를 표기해준다 ol안에 li태그가 5개가 있다면 작성한 순서로 1,2,3,4,5가 li태그 앞에 붙어나온다. type attribute를 사용하여 순서를 나타내는 문자를 지정 가능하다. 또한 start attribute로 리스트의 시작값을 임의로 지정 할 수 있다. reversed attribute를 지정하면 순서를 역으로 표현한다 ul 과 ol은 중첩이 가능하다. 주로 nav메뉴를 만들때 주로 사용된다. 그리고 html에서 표를 만들때 사용하는 table태그가 있는데 이제 잘 안쓴다 주로 div를 활용해서 ..

하이퍼 텍스트의 hyper는 텍스트 등의 정보가 동일 선상에 있는 것이 아니라 다중으로 연결되어 있는 상태를 의미. HTML의 가장 중요한 특징인 link의 개념과 연결되는데 기존 문서나 텍스트의 선형성, 고정성의 제약에서 벗어나 사용자가 원하는 순서대로 원하는 정보를 취득할 수 있는 기능을 제공한다. 한 텍스트에서 다른 텍스트로 건너뛰어 읽을 수 있는 이 기능을 Hyper link라고 한다. HTML link는 hyperlink를 의미 하며 a(anchor) tag가 그 역할을 담당한다. 1. href attribute - 이동하고자 하는 파일의 위치(경로)를 값으로 받는다. path란 파일 시스템 상에서 특정 파일의 위치를 의미한다. 1.1 dirctory root directory = ' / '(u..

html은 대부분 텍스트로 이루어진다. 중요한 텍스트 관련 태그들에 대해 알아보자 1. headings tag - semantic tag 헤딩 태그는 제목을 나타낼 때 사용하며 h1 ~ h6까지 태그가 있다. (숫자가 커질수록 크기가 작아진다) semantic tag인 만큼 제목 이외에는 사용하지 말자. 검색엔진이 검색시 heading태그를 중요한 의미로 받아 들일 가능성이 있다. 2. text formatting tag - bold 체를 지정한다 - nonsemantic tag - b tag와 동일하게 bold체 지정 b태그와 표현은 같지만 웹표준을 준수하자면 strong을 사용하자 - semantic tag - italic체로 지정 - - nonsemantic tag - emphasized(강조, 중..