CSS 5

2. 프레임워크로 웹 디자인 틀 잡기

사용할 프레임워크 bootstrap jquery popper 이미 틀이 짜여져 있는 프레임워크에서 새로 커스텀하여 만들고 싶을 때는 custom.css라는 파일을 만들어 작성하는 것이 일반적 bootstrap.min.css를 덮어쓰기하는 식으로 사용하는 것이 일반적 가장 많이 사용하는 것중 하나가 웹 폰트 .navbar-brand bootstrap에서 네이게이션 바 안에 있는 로고 같은 것을 의미 @charset "EUC-KR"; @import url(https://fonts.googleapis.com/earlyaccess/jejugothic.css); @import url(https://fonts.googleapis.com/earlyaccess/hanna.css); .navbar-brand, h1, h..

Java/Jsp 2021.02.04

node.js- 생활코딩 (21/1/1)

Happy New Year! 2021! 😁 1월 1일에도 어김없이 생활코딩님과 함께.. 수업 내용 필기 ----------------------------------------------------------------------------------------------------------------------------------- Module (모듈) 객체를 포함하는 더 큰 개념 특정 객체를 변수에 담고 module.exports를 통해 내보낸다. 그 후 다른 파일에서 require('파일 경로+파일명')을 새 변수에 담아. 다른 파일에 있는 객체를 import한 것처럼 사용할 수 있다. 보안 readFile의 경로명을 data/${queryData.id}와 같이 지정해놓으면 .. 등의 상위 디렉..

WEB/node.js 2021.01.21

node.js - 생활코딩 (2020/12/31)

수업 내용 필기 ----------------------------------------------------------------------------------------------------------------------------------- fs.writeFile을 통해 동적으로 웹페이지에서 제어 리다이렉션: 사용자가 어떤 페이지에서 처리를 한 다음 다른 페이지로 보내는 것. writeHead(200) ==> 성공했다는 뜻 writeHead(302) ==> 페이지를 다른페이지로 리다이렉션 시키라는 뜻 delete도 링크로 하면 절대 안된다. 보안 ==> post방식 구글 캐싱사건 참고 자바스크립트에서 roles라는 객체가 있을 때 for var i in roles 라는 문장은 for문을 돌면서..

WEB/node.js 2021.01.21

node.js - 생활코딩 (2020/12/30)

수업 내용 필기 ----------------------------------------------------------------------------------------------------------------------------------- pathname은 쿼리스트링을 제외한 path만을 보여줌 이를 통하여 root로 접속했는지를 판별할 수 있다. 즉 우리가 만든 웹페이지인 root로 접속하면 원래대로 화면 보여주고 그 외의 path로 접속하면 에러 메시지 fs.readdir은 특정 디렉토리에 있는 목록을 배열에 담아서 보여준다. 즉 이를 반복문을 통하여 수정,삽입을 한다면 main.js에서 일일이 수정이 필요없이 한 번에 모든 내용을 수정 가능. 템플릿과 readdir, readfile을 ..

WEB/node.js 2021.01.21

node.js - 생활코딩 (2020/12/29)

개요 전공과목 중 웹 프로그래밍 수업을 통해 HTML, CSS, JAVASCRIPT에 대해 배웠었다. 종강 이후에 방대한 Front-End라는 분야에 대해 찾아보던 중 node.js , vue.js 등을 사용하여 웹을 제어하고 구현한다면 내가 생각하던 웹이라는 틀에서 벗어나 더 획기적인 발전을 할 수 있다는 사실을 알게 되고 공부를 시작했다. 수업 내용 필기 ----------------------------------------------------------------------------------------------------------------------------------- fs.readFileSync ==> node.js의 기능으로 읽어옴. node.js는 웹서버의 기능도 내장하고 있다..

WEB/node.js 2021.01.21
반응형