동탁의 개발자취

3/7 문화생활 만족도 데이터 셋 JSON으로 다듬는거 마무리 / API & Schema에 대해서 확인해 보시고 오피스 아워에 질문있으면 질문 MongoDB & Atlas 연결하기 → 저희가 사용할 DB 세팅 → DB안에 JSON넣기 게시판 CRUD / API 담당 → API & Schema에 대해서 확인해 보시고 오피스 아워에 질문있으면 질문 백엔드 오피스 아워 : 솔직하게 팀원분들 상황 말씀드리고 전체적인 백엔드 짜는 flow 설명듣기 3/8 브랜치 생성 완료 / 행복지수 데이터 (sort안한거) 그래프 2개 생성 완료 문화 환경 만족도 완료 / 서울시 병원 위치 정보 완료 / 산점도 그려보았음 행복지수 그래프 그리기 / JSON 파일 몽고 DB 아틀라스 연결 / 백엔드 폴더 구조 생성 API 조사 ..

Agile 방법론 ? - 애자일 소프트웨어 개발이란 일정한 주기를 가지고 끊임없이 프로토 타입을 만들어내며 그때 그때 필요한 요구를 더하고 수정하여 하나의 커다란 소프트웨어를 개발해 나가는 것 이번 2차 프로젝트에서도 해당 방식을 사용하여 개발을 진행할 예정입니다. 이번 프로젝트에서 팀장을 맡으며 특히 중요하게 진행할 방법은 1. 매일 아침 scrum을 통한 역할 분배 및 개발 진행 - 매일 아침 전날 개발 상황 공유 - 공유 이후 팀 전체 개발 진도 상황 체크 - 팀원의 개발 능력에 따라 적정량의 개발 파트 분배 2. Git Flow - GitLab에서 프로젝트를 진행 - Repo를 front , back으로 나누어 진행 - 각 Repo안에서 master, dev, 팀원명1, 팀원명2, 팀원명3 bra..

엘리스 트랙 2차 스터디로 만든 엘리스 취업 스터디 엘취스에서의 1차 CS스터디 발표 자료 입니다. 해당 발표는 엘리스 트랙 스터디 중에서 제가 준비한 발표 자료로 정확하게 일치하는 정보가 아닐 수 있습니다. 내용은 실행 컨텍스트 (Execution Context)로 실행 컨텍스트에 대한 이해가 있어야 JavaScript에서의 로직 읽기, 로직 짜기가 가능하다고 생각하여 준비하게 되었습니다. 실행 컨텍스트란? 자바스크립트 코드가 실행되는 환경으로 크게 전역 실행 컨텍스트 , 함수 실행 컨텍스트가 있습니다. 전역 실행 컨텍스트는 해당 브라우저를 닫을 때까지 유지가 되며 함수 실행 컨텍스트는 함수가 호출 될 때마다 새롭게 실행됩니다. 저는 실행 컨텍스트에서의 적용 범위를 해당 방법으로 이해를 하고 생각을 하..

사전 과제로 요구하는 CSR 어플리케이션 - NextJS 등의 SSR 어플리케이션이 아닌, CSR 어플리케이션을 구축한다. - 최소 3개 이상의 페이지를 가지도록 구현한다. - 모든 페이지에 공통으로 반복되는 헤더와 사이드바가 있도록 구성한다. 추가 구현 사항 - 로그인을 수행할 수 있는 페이지를 만들 되 공통 레이아웃이 적용되지 않도록 만들기 사전 과제 구축 기획 - React사용 - 로그인 페이지 까지 구현 - 페이지 이동은 SPA로 이동 구현 2022-02-27 구현 완료 사용한 라이브러리 : react-router-dom v6 styled-components 구현 내용 : - index.js에서 App.js를 렌더 - App.js에서 삼항 연산자를 이용하여 Login component또는 Main..

SQL : RDB (관계형 데이터베이스)에서 데이터를 다루고 관리하는데 사용하는 데이터베이스 질의 언어 SQL을 쓰는 이유 : 엑셀은 최대 104.8만 행을 지원하지만 데이터가 커지면 급격하게 느려진다. SQL 구문으로 엑셀과 같은 결과를 도출할 수 있으며 Python, R에 상관없이 데이터를 쉽게 전처리 하는 것이 가능하다. ! Database란 : 구조화 된 데이터의 집합, 여러 사람들과 실시간으로 공유하여 사용이 가능하다. 1. DBMS DataBase Management System 1) 데이터 베이스의 데이터 조작과 관리를 극대화한 시스템 소프트웨어 2) 여러 목적으로 사용할 데이터의 접근, 관리 등의 업무를 DBMS가 전담 3) 응용 프로그램이 필요한 데이터 작업을 DBMS에 요청하면, DBM..

담당하여 구현한 기능 회고 - 로그인 import React, { useState } from "react"; import { Link } from "react-router-dom"; import styled from "styled-components"; import Button from "react-bootstrap/Button"; import Form from "react-bootstrap/Form"; import FloatingLabel from "react-bootstrap/FloatingLabel"; import axios from "axios"; const LoginForm = () => { const [email, setEmail] = useState(""); const [password, ..