Computer Engineer

İki tane sunucumuz olduğunu var sayıyoruz. Biri Back-End diğeri Front-end  Klasör dizinim şu şekilde blog/server/client  Back-end tarafım server dizininin içinde  server dizinimin içine npm i --save concurrently komutu ile kütüphanemizi indiriyoruz. server dizinimde ki packpage.json dosyasını açıp; "scripts" : { "test" : "echo \" Error: no test specified \" && exit 1" , "start" : "node index.js" , "server" : "nodemon index.js" , "client" : "npm run start --prefix client" , "dev" : "concurrently \" npm run server \" \" npm run client \" " Şeklinde kodlarımı ekliyorum. Artık npm run dev dediğimde iki sunucumda aktif olacak. Derleme işlemi için ise  "engines" : { "node" : "8.1.1" , "npm" : "5.0.3" }, kodları a...

Yapılacaklar : React kurulum ve Router işlemleri , Materialize.css kütüphanesi ve Header Componentinin tasarlanması. Blog adında bir klasör oluşturun içine Server  klasörü ve : npm create-react-app Client komutlarını yazın.  Server klasörümüzde back - end tarafımız olacak. Client  te ise front-end bölümleri olacak. Component oluşturup bu komponentleri react-router-dom kullanarak app de çağırma işlemi yapacağız. Src nin içine Component klasörü oluşturun. Ve component klasörün içine şimdilik şu 3 tane componentleri oluşturdum.  src/component/Header.js import React , { Component } from 'react' ; class Header extends Component { render (){ return ( < div > Header </ div > ) } } export default Header ; src/component/Landing.js import React , { Component } from 'react' ; class Landing extends Component { render () { return ( < div > AnaSayfa diyelim mi bea </ div > ) } ...