Engineering_S/W & H/W

해당 작성 코드는 위 링크를 참고해 주시기 바랍니다.  ( 링크 ) // ./main.go package main import ( "fmt" "html/template" "net/http" ) // 포트번호 지정 const portNumber = ":8080" func Home (w http.ResponseWriter, r *http.Request){ renderTemplate (w, "home.page.tmpl" ) } func About (w http.ResponseWriter, r *http.Request){ renderTemplate (w, "about.page.tmpl" ) } // 해당 tmpl을 rendering합니다. func renderTemplate (w http.ResponseWriter, tmpl string ) { // 해당 tmpl파일을 파싱 합니다. parseTemp , _ := template. ParseFiles ( "./templates/" + tmpl) // 파싱한 tmpl파일을 응답합니다. err := parseTemp. Execute (w, nil ) // 에러 발생시 if문 실행 if err != nil { fmt. Println ( "error parsing template" , err) return } } func main (){ http. HandleFunc ( "/" , Home) http. HandleFunc ( "/about" , About) fmt. Println (fmt. Sprintf ( "Starting application on port %s " , portNumber)) _ = http. ListenAndServ...

  기존의 HTML 코드에 css파일을 추가하여 디자인을 변경하도록 하겠습니다. HTML 파일명은 'index.html'로 하고 경로는 './public/index.html'로 합니다. 코드는 위의 방법으로 작성하고 저장을 합니다. CSS가 적용되지 않은 상태는 위와 같은 페이지가 출력됩니다.  css또한 폴더를 생성(./public/css)하고 style.css파일을 저장합니다. (파일, 폴더, 경로는 자유롭게 생성 가능) background : 뒷 배경 color : 글자 색 일단 위 글은 css에 대한 설명이 아니기 때문에 위의 css에 대한 설명만 적겠습니다. <! DOCTYPE html > < html lang = "en" > < head > < meta charset = "UTF-8" > < meta http-equiv = "X-UA-Compatible" content = "IE=edge" > < meta name = "viewport" content = "width=device-width, initial-scale=1.0" > < link rel = "stylesheet" href = "css/style.css" > <!-- CSS파일을 HTML에 삽입 --> > < title > My HomePage </ title > </ head > < body > < h1 > My HomePage </ h1 > < p > 테스트 홈페이지. </ p > < p > 테스트 홈페이지. </ p > </ body ...

js파일에 있는 class, function을 다른곳에서도 사용할수 있는 module.exports를 사용하도록 하겠습니다. (위 예제들을 실행하기전 node, npm 모듈이 설치되 있어야 합니다.)   class Person { // Person Class constructor ( name , age ){ // constructor name, age this . name = name ; this . age = age ; } greeting (){ // method that will print the text console . log ( `Hello. My name is ${ this . name } and my age is ${ this . age } ` ); } } module . exports = Person ; // Exports the class Person 위 코드는 person.js파일로 간단한 class입니다. Person을 class로 선언하면 name, age를 입력하고 meghod greeting()를 이용하여 간단한 콘솔로그 문장을 출력합니다. 이때 class Person을 다른 코드에서도 사용하고 싶다면 'module.exports'를 사용합니다. 당연히 출력하는 것은 class Person입니다.  const Person = require ( './person' ); const personA = new Person ( 'Alex' , '27' ); personA . greeting (); 이제 새로운 파일을 만듭니다. index.js파일을 만들어 위와 같이 코드를 작성합니다. 처음 만들었던 person.js을 입수하기 위해 require를 사용합니다. 이때 경로가 중요한데 './'는 같은경로를 의미합니다.  위 사진을 보면 index.js와 person.js가 NODEJS_EX...