개발 일기 21

[개발 일기] 잘 되어가고 있는 게 맞나..?

동기들과 이번에 스터디 팀을 만들었다. 이 팀에서 우리는 이번 겨울방학 동안 프로젝트와 정보처리기사 공부를 병행하기로 했다. 정확히 22일부터 공부하기로 했는데, 모두들 같은 상황이 아니인지라 자기 일정에 맞게 공부하는 것 같다. 프로젝트 아이디어에 대해서는 다음 주 월요일에 상의할 것인데, 어떻게 될지 궁금하다. 항상 이렇게 팀을 꾸려서 무언가를 한다는 건 기분 좋은 일이다. 하지만, 모두 한 마음 한 뜻을 가질 때 적용된다. 아직 우리 팀은 여러 마음 여러 뜻을 가지고 있는 것 같다. 그래서 사람들이 넥스터즈나 서울42와 같은 대외 활동을 하는 것 같다. 거기에 들어가려면, 테스트나 면접을 봐야 한다. 테스트나 면접을 본다는 것은 본인의 의지가 있고, 꼭 해야겠다는 생각이 들으니 그 활동을 하는 것이..

개발 일기 2021.12.25

[개발 일기] 따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기 - 업로드 페이지 만들기 3

안녕하세요! 😊 이번 주에도 4개의 강의 들었습니다. 오늘 섹션 1이 드디어 끝나고, 섹션 2로 넘어왔네요. 강의를 매 번 듣고 이해만 하지 말고, 내 것으로 만드는 게 정말 힘듭니다. 여러분들은 어떻게 자기 것으로 만드는지 궁금하네요! 이러한 궁금증은 뒤로하고, 이번주에는 데이터베이스(mongoDB)에 상품을 저장하는지, 그리고 상품을 어떻게 꺼내서 메인 페이지에 상품을 보여줄지가 핵심이었습니다. 이 핵심에 대해서 공부한 걸 정리해볼게요😁 1. 업로드 페이지에서 데이터베이스로 데이터 보내기 이 페이지(UploadProductPage.js)에서 확인을 누르게 되면 데이터베이스로 데이터가 저장이 되어야 한다. 여기서 어떤 데이터가 가는 게 나을까? 사진, 이름, 설명, 가격, 나라 데이터가 서버로 가야 한..

개발 일기 2021.09.19

[개발 일기] 따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기 - 업로드 페이지 만들기 2

안녕하세요 건브로입니다! 이번 주에도 4개의 강의를 들었네요. 이번에 중점적으로 봐야 할 것은 사진 보내기였습니다. client에서는 FormData를 잘 써야 하며, node server는 root에 있는 폴더인 upload폴더에 multer 패키지를 사용하여 올려야 합니다. 1. express의 router 사용하기 express는 서버를 만들 때 사용하는 프레임워크이다. Express 사이트에서는 'Node.js를 위한 빠르고 개방적인 간결한 웹 프레임워크'라고 한다. https://expressjs.com/ko/ Express - Node.js 웹 애플리케이션 프레임워크 Node.js를 위한 빠르고 개방적인 간결한 웹 프레임워크 $ npm install express --save expressjs..

개발 일기 2021.09.12

[개발 일기] 따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기 - 업로드 페이지 만들기 1

안녕하세요 건브로입니다. 오랜만에 블로그 글 쓰네요.😁 이번에 학교에서 스터디 목적으로 '따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기'를 인프런을 통해서 들었습니다. 사실 이 강의를 골랐을 때 그렇게 어려운지도 몰랐네요. 근데 지금보니까 boiler-plate를 토대로 바로 만들더군요. boiler-plate는 로그인과 회원가입 기능이 내장되어 프로젝트로 보면 됩니다. 강의가 총 45개인데, 일주일에 4개씩 시험기간을 제외하고 꾸준히 보려고합니다. 긴 시간동안 짧게 보면서 투자하는 건데 저에게 도움이 됐으면 좋겠어요. 오늘 만들어낸 결과물을 먼저 보여줄게요.(홈, 로그인, 회원가입은 제외) 1. 이번에 무엇을 배웠는가? 1) mongoDB에서 제공해주는 데이터베이스 무료로 사용하는 방법..

개발 일기 2021.09.04

[개발 일기] 프론트엔드의 꽃, 리액트 4주차 by 스파르타코딩클럽

안녕하세요 건브로입니다!! 조금 오랜만에 글을 쓰네요..! 요즘... 한이음 프로젝트 준비하느라 블로그 글을 못썼네요. 뭔가 새로 배우면 바로바로 블로그 글 정리하면 정말 좋을 텐데, 그게 쉽지 않네요. 새로 배우면 그걸 적용하기에 바쁘고, 정리하는 건 우선순위에서 밀려나가요. 이러면 안 되는데, 노력을 좀 더 해봐야겠네요. 일괄 처리하려고 하는 저의 안일함 반성하겠습니다... 이번 4주 차 리액트 강의에서는 리액트에서 소소하게 css 사용하는 법과 firebase 사용 방법을 배웠습니다! 1. 4주 차에서 배운 react css, js 잡기술 keyframes, window.scrollTo(), styled-components 패키지를 적용한 태그에 props로 데이터 넘겨주기 등등 이러한 기술들을 배..

개발 일기 2021.08.10

[개발 일기] 프론트엔드의 꽃, 리액트 2주차 by 스파르타코딩클럽

안녕하세요! 건브로입니다. 1주차 때는 화면에 Hello World 나오게 해보자! 그런 느낌이었는데, 와우 이번주는 그냥 자기가 표현하고 싶은 것들을 코딩할 수 있는 느낌이었어요. 그래서 이번주 개발 일기는 제가 표현한 걸 그대로 써서 배웠던 부분을 한 번더 느껴보겠습니다. 1. 코드 import React from "react"; // import './App.css'; import Starter from "./Starter"; import Score from "./Score"; import heize from "./images.jpg"; import styled from "styled-components"; import Quiz from "./Quiz"; import SwipeItem from "...

개발 일기 2021.07.14

[개발 일기] 프론트엔드의 꽃, 리액트 1주차 by 스파르타코딩클럽

안녕하세요 건브로입니다! 이번에 스파르타 코딩 클럽에서 새로운 강의를 듣게 되었어요! 바로바로 리액트 강의입니다! 리액트 강의는 다른 강의에 비해 많이 들어본 적이 없어서 이번에 다시 기초를 탄탄하게 잡는다고 생각하고 끈기 있게 공부하려고 합니다! 파이팅! 이번 강의에서는 필수적으로 다운로드 해야 하는 프로그램이 있다. 바로, Github Desktop, Visual Studio Code, Git Bash, NVM이다. 1주 차에서는 Github Desktop을 사용하지 않았다. 0. Github Desktop, Visual Studio Code, NVM 설치 아래의 링크는 visual studio 설치 링크이다. https://code.visualstudio.com/download Download Vi..

개발 일기 2021.07.09

[개발 일기] 왕초보 시작반 5주차 by 스파르타코딩클럽

안녕하세요 건브로입니다. 마지막 5주 차가 벌써 끝났어요. 저는 1주 차부터 5주 차까지 보면서, AWS를 사용해서 내가 만든 프로젝트를 올린다는 게 쉽지 않다는 걸 한 번 더 느끼게 되었네요. AWS는 기능이 많아서 너무 복잡하게 되어있습니다. 그리고 프로그램(filezilla)을 이용해서 해야 하고, 리눅스를 어느 정도는 할 줄 알아야 좀 더 쉽게 할 수 있습니다. 좀 더 깔끔한 것 까지 원한다면 도메인도 사야 합니다. 하지만, 이렇게 어려워도 스파르타 코딩 들으면서 다 해냈어요.😂 항상 어렵게 생각하던 걸 성공하니 기분이 좋군요. 이렇게 기분이 좋은 만큼 좀 더 연구를 해야겠다는 생각이 듭니다. 파이팅! 준비물: filezilla, git bash, 가비아 아이디, aws 아이디, 프로젝트(Flas..

개발 일기 2021.07.03

[개발 일기] 왕초보 시작반 4주차 by 스파르타코딩클럽

안녕하세요 건브로입니다. 이번 4주차 때는 파이썬으로 서버를 만드는 게 핵심이었습니다. 파이썬을 기반으로 서버를 만들어본 적이 없어서 그런지 흥미로웠네요! 1. Flask 패키지 설치하기 Flask 패키지는 파이썬을 서버로써 이용할 수 있게 해주는 프레임워크다. 왕초보 시작반에서는 pycharm을 쓰고 있어서 Flask 패키지를 다운로드하는 방법이 조금 다르다는 점 주의 바람 위에 처럼 하려면 파일 눌러서 setting에서 Python Interpreter 눌러서 위에 있는 플러스 버튼을 누르고, 추가하고 싶은 패키지 이름을 검색해서 다운 받으면 된다. 아래의 코드는 서버 실행 코드이다. from flask import Flask app = Flask(__name__) @app.route('/') def..

개발 일기 2021.06.30

[개발 일기] 왕초보 시작반 3주차 by 스파르타코딩클럽

안녕하세요 건브로입니다. 이번에 파이썬의 기초적인 문법, 크롤링, MongoDB에 대해서 배웠습니다. 사실 파이썬 문법, 크롤링, MongoDB는 1년 동안 독학하면서 공부해본 적이 없었습니다. 주로 프론트 엔드 공부하기 바빠서 그런 것 같기도 하고, 하나의 언어만 파서 그런 게 아닌가 싶습니다. 1. 파이썬(문법) 파이썬은 매우 직관적인 언어이며, 파이썬의 확장자는 .py이다. 얼마나 직관적이길래 다들 파이썬이 쉽다고 하는 걸까? 문법을 살펴보면, 자바에서는 콘솔에 값을 찍게 하고 싶으면 System.out.println()이다. 그리고 자바스크립트에서는 console.log()이고, C언어는 printf()이다. 아직 여기서는 C언어가 그나마 직관적으로 보이긴 하는데, 파이썬은 콘솔 창에 입력한 값을..

개발 일기 2021.06.26