728x90 SMALL 전공수업52 HTML5 기본 태그 #2 - 목록, 링크, 이미지 * 목록 만들기순서가 있는 목록 ol(Ordered List) 순서가 없는 목록 ul(Unordered List) 중첩 리스트 * 링크 만들기 a 태그의 href 속성a 태그의 href 속성에 링크를 넣어준다. href는 필수 속성이다. 현재 창에서 네이버로 이동. a 태그의 target 속성a 태그의 target 속성을 사용하면 새 탭에서 네이버로 이동. a 태그의 title 속성 * 이미지 넣기 a 태그와 img 태그 함께 사용하기이미지를 클릭하여 네이버 사이트로 이동. 2024. 7. 20. HTML5 기본 태그 - 문단, 텍스트 서식 * HTML5 기본 태그 정리 - 문단, 텍스트 서식제목 표시 h1~h6 문단 p 줄 바꿈 br 글자 굵게 표시 b, strong 글자 기울임 em 글자 밑줄 u 글자 취소선 s, del 큰 글자 big, 작은 글자 small 아래 첨자 sub, 위첨자 sup 배경색 mark 수평선 hr 2024. 7. 20. [Express] 미들웨어 #2 body-parser, cookie-parser, express-session body-parser요청의 본문을 해석해서 req.body 객체로 만들어주는 미들웨어로, 주로 폼 데이터나 AJAX 요청의 데이터를 처리한다.멀티파트(이미지, 동영상, 파일) 데이터는 처리하지 못한다. 멀티파트 데이터 처리는 multer 패키지를 사용해야 한다. // 본문이 버퍼 또는 텍스트 데이터일 때const bodyParser = require('body-parser')app.use(bodyParser.raw());app.use(bodyParser.text()); 익스프레스 4.16.0 버전부터 body-parser 미들웨어의 일부 기능이 내장되었으므로 따로 설치할 필요가 없지만,Raw(버퍼데이터)나 Text 형식의 데이터를 해석해야 하면 body-parser를 설치하고 위 코드를 추가하면 된다... 2024. 6. 15. Express란 무엇인가(+ 미들웨어) Express란?http 모듈로 웹 서버를 만들 때 코드가 보기 좋지 않고 확장성도 떨어질 때 프레임워크로 해결한다.Express는 Node.js의 대표적 웹 프레임워크이다. Express-generator로 설치express-generator는 express 구조를 빠르게 갖추어 주는 패키지이다.express-generator 패키지 전역 설치 모든 취약점 해결 - bin/www: 서버를 실행하는 스크립트- public: 외부에서 접근 가능한 파일들- routes: 서버의 라우터와 로직들, 추후 데이터베이스에 사용- views: 템플릿 파일들- app.js: 핵심 서버 스크립트 Express 서버 실행 콘솔에 클라이언트가 보낸 요청이 기록된다. 미들웨어란? 익스프레스는 미들웨어로 구성된.. 2024. 6. 14. 이전 1 ··· 4 5 6 7 8 9 10 ··· 13 다음 728x90 LIST
