남고생들의 소소한 개발 일지

[Node] DB연동 후 SELECT -> 값 받아오기까지 성공 다음주까지 INSERT 해오기

역할 개편 GRapple님과 byrung님이 기획을 돕고 다스12님 위주로 Node 프로젝트를 시작하려고 한다. [Node] 이번 주 개발환경 세팅 & Hello 띄우기 완료 다음 주 DB(mysql) 연결 후 텍스트 상자와 DB값을 비교해 맞을 시 콘솔에 True 띄우기 프로젝트 이름: HighLife (나중에 바뀔 수도 있다.)

글을 쓰며 공부하다 보니 진도가 늦어져 효율적이지 못하다는 생각이 들었다. 때문에 블로그는 토이 프로젝트를 기록하는 용도로 쓸 생각이다. 앞으로 블로그에는 토이 프로젝트가 진행되는 것이 올라올 것이다. 개인 공부는 일일 커밋(Daily Commit)을 시작해 하루하루 실력을 쌓아나갈 것이다. 초라한 내 깃헙... 하지만 내년 이맘때쯤 초록색으로 꽉 차있게 될 것이다. 앞만 보고 열심히 달리다가 나중에 이 글을 다시 읽었을 때 스스로 뿌듯함을 느끼게 되는 날이 올 것이다. 기회가 되면 친구들도 같이 하도록 하겠다. (할지는 모르겠지만...)

ReactJS Intro(ReactJS로 웹 서비스 만들기 완강!) 다음 강좌는 React Native인데 나중에 하고 인프런에 있는 React & Express 를 이용한 웹 어플리케이션 개발하기라는 사이트에서 공부하려고 한다. 남는 시간 동안은 복습 겸으로 다른 블로그에 있는 React를 따라해보려고 블로그를 찾았는데 놀랍게도 위 사이트 강사님과 같은 분이셨다. https://velopert.com/reactjs-tutorials [React.JS] 강좌 목록 | VELOPERT.LOG velopert.com Angularjs와 구조가 다르다고 생각했는데 계속 보다보니 비슷했다. 겸으로 출퇴근 시간에 poiemaweb사이트에서 ES6을 읽고 있는데 나름 재미있다. 참고 노마드 아카데미 React & ..

글을 쓰다가 컴퓨터가 나가서 썻던 내용이 날라갔다... 그러므로 그냥 하던 부분부터 이어서 해야겠다. Movie.js import React from "react"; import PropTypes from "prop-types"; import "./Movie.css"; function Movie({id, year, title, summary, poster, genres}) { return ( {title} {year} {summary} ); } Movie.propTypes = { id: PropTypes.number.isRequired, year: PropTypes.number.isRequired, title: PropTypes.string.isRequired, summary: PropTypes.stri..

시간이 생겼을 때 내 복습을 하려고 봤더니 코드가 없어서 힘들었다. 그러므로 오늘부터는 코드를 함께 적도록 해야겠다. VSCODE 글자 크기 변경 : Ctrl + , (쉼표) -> font size 검색 - 참고 #3 State #3.0 Class Components and State(클래스 컴포넌트와 상태) state : dynamic data를 위한 것 class App extends React.Component{ state = { count: 0 }; add = () => { console.log("add"); }; minus = () => { console.log("minus"); }; render() { return ( The number is: {this.state.count} Add minu..

토이 프로젝트에 리액트를 사용할 계획이기 때문에 지금부터 React를 공부하려고 한다. 공부를 어떻게 할지 생각하던 도중 유튜브에서 노마드 코드님을 알게 되어 노마드 아카데미에서 노마드 코더님의 영상을 보고 공부하려고 한다. 감사하게도 개인 블로그에 글을 남기며 공부 가능한지 여쭈어보니 흔쾌히 허락해 주셨다. 이 글은 보면서 간단하게 정리하며 내가 몰랐던 부분, 혹은 잊어버릴 거 같은 부분만 적을 예정이니 글을 보고 더 알고 싶으면 노마드 아카데미에 들어가 따로 보길 바란다. #0 Introduction(서론) #0.1 Requirements(요구사항) - 개발환경 세팅 Node 설치 Node 설치 시 자동 npm install npx -g Git 설치 #0.2 Theory Requirements(이론적..

JavaScript가 끝나 이제 프로젝트 위주로 공부할 계획이다. 백엔드는 NodeJS로, 프론트엔드는 React를 사용할 계획이며, 노드는 숙제식으로 주말에 검사 후 못해올 시 회의 끝나고 공부하는 방식으로, 리액트는 MainBrain님 위주로 공부할 계획이다. 다음주 Node 다음주까지 Node 설치, 실행 해보기 회의는 토요일 8시로 바뀜