profile
되돌아보며 성장합니다🔨
post-thumbnail

동아리 Promotion 프로젝트 회고

동아리 모집을 준비하면서.. 내가 현재하고 있는 동아리는 프로그래밍 교육 동아리이다.

2021년 2월 13일
·
0개의 댓글
·
post-thumbnail

Django RESTAPI + React #2

REACT : REST API 관리하기

2021년 1월 29일
·
0개의 댓글
·
post-thumbnail

Django RESTAPI + React #1

멋쟁이사자처럼에서 배운 Django 웹프레임워크를 가지고활용 할 방법이 더 없나 찾고 있었다.그러면서 동아리 활동을 같이 하고 있는 친구들과이번년도 목표로 팀을 꾸려서 2020년 공모전 출전을 하기로 했다.그렇게 목표를 세운 후, 백엔드/프론트엔드 파트로 나누어서서로

2021년 1월 29일
·
0개의 댓글
·
post-thumbnail

LikeLion 출석부 제작하기 #5

해결 개발 현황 >- Auth 인증 페이지 생성 ( 운영진, 멤버 코드 분리 ) Auth 인증 Logic 구현 ( URL 접근 X , Redux State 이용)

2021년 1월 22일
·
0개의 댓글
·
post-thumbnail

LikeLion 출석부 제작하기#4

해당 프로젝트는 이곳 에 들어가시면 확인 가능하며, 개인 미니 프로젝트 입니다.총 출석 현황 리스트 페이지 구현출석현황 페이지 이동 버튼 SidePanel_Header에 추가왼쪽 / 오른쪽 스크롤 구현하루만에 2번이나 갈아엎은 피땀눈물 가득했던 AttendanceLis

2021년 1월 21일
·
0개의 댓글
·
post-thumbnail

LikeLion 출석부 제작하기#3

MainPanel, SidePanel

2021년 1월 20일
·
0개의 댓글
·
post-thumbnail

LikeLion 출석부 제작하기#2

혼자 진행하는 토이 프로젝트이니 기본 UI구성에 대해서 고민을 많이 했다. 멤버 정보가 보여야 할까? 벌금 자동 계산? 페이지가 몇개?필요점을 정리를 해봤는데, 참고 할 만한 UI를 찾기 어려웠다.날짜 선택(세션 날짜)을 하여서 해당 세션 출석체크가 필요함.벌금 등에

2021년 1월 16일
·
0개의 댓글
·
post-thumbnail

LikeLion 출석부 제작하기 #1

멋쟁이사자처럼 9기 운영진 스터디 활동을 진행하면서,2020년 1월 1일자를 시작으로하여, 벌써 2주차에 접어들었다. 각자 선정한 기술 스택을 가지고 운영진들끼리 팀을 꾸려서공모전 나갈 수준의 실력을 키워서 준비중이다. 프레임워크 및 언어를 선택하여 각자 서로 다른

2021년 1월 16일
·
2개의 댓글
·
post-thumbnail

React Chat #5

Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limi

2021년 1월 15일
·
0개의 댓글
·
post-thumbnail

React Chat #4

Class 없이 State를 사용 할 수 있는 새로운 기능 (너무많다 ㅎ ㅏ)useStateuseEffect useRefuseReduceruseContextuseMemouseCallbackusePromise그 외에도 무수히 많은 hook들이 존재...(custom...

2021년 1월 14일
·
0개의 댓글
·
post-thumbnail

React Chat #3

React 컴포넌트를 선언하는 두 가지 방식 중, 하나이다.class extends 상속 방식을 이용하여 사용한다.현재는 Hook의 등장으로 자주 사용하지는 않지만, 사용하는 기업이 있다.현재 만들어진 프로젝트들의 유지보수를 위해서는 개념을 필수적으로 알아야한다.클래스

2021년 1월 14일
·
0개의 댓글
·
post-thumbnail

React Chat #2

JS, 리액트(React), 리덕스(Redux) 선수 지식이 필요로 하는 난이도로그인/회원가입, 유효성 체크DM에 가입된 유저 실시간 반영, DM 메시지방채팅방 생성, 설명 추가, 즐겨찾기 추가/삭제메시지 알림 개수 표시공개방에서 대화하기상대방 대화 입력 시 알려주기채

2021년 1월 14일
·
0개의 댓글
·
post-thumbnail

React Chat #1

본 게시글은 해당 강의 사이트 를 이용하여 진행 한 프로젝트 내용입니다.

2021년 1월 12일
·
1개의 댓글
·
post-thumbnail

Node + React Basic 마무리

ReactJS + Express 연결하기 React 문법에 대한 정리는 다른 강의를 보고 정리하고, Express JS를 통해 Reqest, Response가 어떻게 진행 되는지 과정을 정리해보았다. React + Express 요청/응답하기 서버 요청 과정에서는

2021년 1월 8일
·
0개의 댓글
·
post-thumbnail

Node + React Basic ⑤

미들웨어란?클라이언트에게 요청이 오고 그 요청에 대한 응답을 하는 과정에서의 중간 처리 과정,즉, 중간을 거쳐가는 함수 라고 이해하면 좋다. 나는 이를 코드를 통해 설명해보겠다.app.get(url, middleware, function(req,res))와 같은 형식

2021년 1월 8일
·
0개의 댓글
·
post-thumbnail

Node + React Basic ④

NodeMon에 대하여 지금까지 실행 중인 Node App을 소스 코드를 수정 할때마다 프로세스(Process)를 완전하게 종료하고 다시 재개 해야했다... 이거야 말로 정말 비효율의 끝판왕이라고 생각한다. 그래서 새로운 서버 관리 도구를 찾아보았는데 그것이 바로

2021년 1월 8일
·
0개의 댓글
·
post-thumbnail

Node + React Basic ③

한 서비스에 대해 사용하고 있는 이용자 (구글 Chrome)즉, 정보를 요청해 제공 받고 있는 컴퓨터라고 칭합니다.서버에게 Request를하여 Response를 받아 온다.다음과 같은 데이터를 Body에 담아 POST request를 보냅니다.Server단에서는 Exp

2021년 1월 2일
·
0개의 댓글
·
post-thumbnail

Node + React Basic ②

✔ MongoDB와 Node.js Connection 1. MongoDB > Document-Oriented(문서지향적) NoSQL 데이터베이스 형식, 오픈 소스이며 엔진 기반은 C++으로 작성 되었다. Document - JSON objects 위와 같은

2021년 1월 1일
·
0개의 댓글
·
post-thumbnail

Node + React Basic ①

🤔 Node? 대체 뭘까? > 확장성 있는 네트워크 애플리케이션(특히 서버 사이드) 개발에 사용되는 소프트웨어 플랫폼이다. 작성 언어로 자바스크립트를 활용하며 Non-blocking I/O와 단일 스레드 이벤트 루프를 통한 높은 처리 성능을 가지고 있다. 위 설

2020년 12월 28일
·
0개의 댓글
·