Server.js const http = require('http'); // http 모듈 생성 http.createServer((req, res) => { // http 서버 생성 res.write('Hello server!') // html태그 전송 res.end('Hello hanamDeveloper!') // 서버 종료와 동시에 html태그 전송 }).listen(8080, () => { // 8080 port로 생성 console.log('포트 8080에서 서버 대기 중입니다.') }) 이런식으로 코드를 구성해도 서버는 잘 구동되지만 html태그를 직접 하면 코드의 줄도 길어질뿐만아니라 행동에도 제약이 생긴다. 그래서 fs객체를 이용해서 파일을 읽어서 코드를 구성한다. 우선 html파일을 만들어..
Facts (한것) - Node js 실제 HTTP 서버 구축해보기 Finding (새로 알게 된 것) - HTTP 서버 구축해보기. - Node JS 내장모듈 Feeling (느낀 점) - 생각보다.. 서버 구현하는게.. 간단할지도..? 당연히 아니겠지만.. Affirmation(자기 선언)
Facts (한것) - 개발자로써의 첫 취업. - 개발자로써의 첫 퇴사. - 개발자로써의 첫 이직. - 개인 프로젝트 3개 - 회사 프로젝트 5개 읽은책 - 코어자바스크립트, - 자바스크립트 Deep Dive, - 코딩을 다루는 기술, - 리액트를 다루는 기술 - 리팩터링 2판 - 자바스크립트 패턴과 테스트 Finding (새로 알게 된 것) - Javascript, - React, - NextJS, - HTML, - CSS, - Redux, - Justand, - Tdd, - Typescript, - React Native Feeling (느낀 점) - 사실 개발자는 재능이 많은 사람이 정말 많다는 소리를 듣고 혹시.. 어쩌면 내가!? 라는 생각을 해봤다. 당연히 아니였다.. - 개발자가 정말 끊임없이..
HTTP란? HTTP란 (HyperText Transfer Protocol)의 약자이다. 클라이언트와 서버가 서로 대화 (응답과 요청) 을 하기 위해서는 하나의 규약을 통해서 소통을 해야한다. 그렇게 나온것이 HTTP서버이다. const http = require('http'); // http 모듈 생성 http.createServer((req, res) => { // http 서버 생성 res.write('Hello server!') // html태그 전송 res.end('Hello hanamDeveloper!') // 서버 종료와 동시에 html태그 전송 }).listen(8080, () => { // 8080 port로 생성 console.log('포트 8080에서 서버 대기 중입니다.') }) 우..
Facts (한것) - Node js 챕터 3까지 인강 듣기 Finding (새로 알게 된 것) - Node의 내장 모듈 (기능) Feeling (느낀 점) Affirmation(자기 선언) - 오늘은... 커밋을 못했다.. 사실 생각나는 기능 구현은 이미 다 해버렸다.. 아이디어가 떠오르지가 않는다 그렇다고 의미없는 커밋을 하기에도 애매하고 앞으로 어떤 프로젝트를 해야 좋을지 대책을 강구해봐야겠다.
Facts (한것) - 공공 데이터 open API 적용 - 코로나19 프로젝트 진행 - Node js 인강 듣기 Finding (새로 알게 된 것) - 공공데이터라는 사이트에는 꽤 많은 open API가 있다. Feeling (느낀 점) - 처음으로 공공데이터에 있는 open API를 사용해보았고 인증키 이슈때문에 애를 좀 먹었다. 스스로 해결하고싶어하는 고집이 있어서 끝까지 구글링 미루었다가 시간만 날려먹었다.. - 인터넷에는 꽤 많은 open API들이 있다. Affirmation(자기 선언) - 하루에 많지는 않아도 오늘처럼 가볍게 자주 매일 쭉 하기..
공공 데이터 포털 open API 이란? 아무래도 아직 백엔드 공부를 못해서 혼자 프로젝트를 할 때 모든 정보를 클라이언트에 담아서 해야하는 불편함이 있다. 아무리 토이프로젝트지만 API를 활용하고 싶어서 구글에 open API를 검색해봤는데 꽤나 쓸만한 open API를 갖고있는 사이트가 있었다. 공공 데이터 포털 이라는 사이트다. 정말 갖가지 open API가 다 있었다. 앞으로 꽤나 자주 이용하게 될 것 같다. 우선 유행이 지나긴 했지만 만만한게 코로나 확진수에 대한 api를 제공해준다는게 눈에 들어와 한번 사용해봤다. 그러나.. 테스트 하던 도중 잘 되다가.. 알고보니 일일 요청 횟수라는게 있었다.. 그래서 우선 하다 말았지만.. 리팩토링도 못하게 되었다.. 우선 부끄럽지만.. 대충 짠 코드다. ..
Facts (한것) - SNS 로그인 연동 (카카오, 네이버) - 리팩터링 챕터2 복습 Finding (새로 알게 된 것) - SNS로그인 및 open API의 종류? Feeling (느낀 점) - 소셜 로그인에 관한 open api를 찾는데 문득 다른 open API도 눈에 들어와서 이정도로 open api가 많이 있으면 생각보다 프론트엔드 기술로 충분히 많은 프로젝트를 만들 수 있다고 생각했다. 앞으로는 기능구현 보다는 open API를 이용해서 토이 프로젝트도 진행해보는것도 괜찮다고 생각했다. - 리팩터링 챕터 2를 읽으면서 코딩은 수학보다는 문학에 더 가깝다고 느꼇다. Affirmation(자기 선언) - 한달에 최소 하나의 토이 프로젝트 하기. - NodeJs강의 최소 하루에 하나 씩 보기 (첫..
소셜 로그인이란? 웹페이지를 보다 보면 네이버 로그인, 카카오 로그인, 구글 로그인 등 사용하는 웹 페이지에 맞게 일일이 양식을 입력하지 않아도 간편하게 로그인할 수 있게 도와주는 기능이다. 취준생 때 이미 firebase를 이용해서 로그인을 구현해봤지만 이번에는 firebase를 제외하고 네이버, 카카오톡에서 지원해주는 open API를 이용해서 구현해보았다. Login import React, { useContext, useEffect, useState } from "react"; import styled from "styled-components"; import { useNavigate } from "react-router-dom"; import { UserContext } from "../data..
Facts (한것) - 코멘트 구현 완성 (작게 TDD로..) - 리팩터링 챕터 1 복습 및 혼자 해보기 - NodeJS강의(백엔드) 구매 Finding (새로 알게 된 것) - git checkout으로 branch뿐만 아니라 깃 버전도 옮길 수 있다. Feeling (느낀 점) - 프론트엔드도 해야할 게 산더미지만 프론트만 하다보면 루즈해진다. 사실 프론트개발자는 프론트만 해도 된다고 주위에서 그러는데.. 그래도 궁금하기도 하고 내 손으로 직접 A - Z 까지 개발해보고싶다. - 리팩터링 챕터 1을 처음 읽었을때는 가벼운 마음으로 읽으면서 왜 굳이 이렇게까지 하나 싶어 공감하지 못했었다. 그치만 혼자 리팩터링 해보려고 5번 넘게 읽어봤더니 눈에 들어온다. 여태까지 읽었던 책들도 몇 번씩 다시 봐야겠다..
