내일배움캠프

내일배움캠프 개강 전 사전캠프 기간동안 웹개발 종합한 수업을 수강하고 있다. 1주차에서는 html과 css를 이용해 간단한 웹페이지를 만들고 배포까지 하는 수업을 진행했다. css 기초 head태그 안에 style태그로 공간을 만들어 작성합니다. mytitle라는

웹개발 종합반 2주차

웹개발 종합반 3주차 파이썬의 기초 문법과 DB에 대해 배웠다.Database에는 크게 두가지가 있다.수업에서는 MongoDB를 사용했다.MongoDB의 중요한 네 가지 기능. 저장하고, 찾고, 바꾸고, 지우고!

웹개발 종합반의 마지막 주차로 지금까지 배운 내용을 복습 후 배포까지 해 보았다.

영화 추천 사이트 미니프로젝트

사전캠프기간이 끝나고 내일배움캠프 첫 주가 시작되었다.

팀원들과 서로 각자의 미니 프로젝트의 html과 css로 페이지의 큰 틀을 만드는 둘 째날이다.팀원 소개 카드를 보여주는 구역을 슬라이드 기능을 구현하고 싶지만 아직 실력이 부족해 열심히 구글링하는 중.

미니 프로젝트를 진행하면서 생긴 오류

팀소개 미니프로젝트를 마무리했다. 많은 오류도 있었고 git merge과정에서도 충돌이 있었지만 어느정도 마무리 되었다. 아직 미처 구현하지 못한 기능들이 많아 아쉬운 점도 있다. git에 대한 부족한 지식으로 팀 프로젝트를 진행하면서 큰 어려움이 있었다. 다음 팀 프

미니프로젝트 완성

2023.05.21(일)내일배움캠프에서의 첫 주가 끝났다.

오늘의 회고 이번 주는 프로그래밍 기초 주차로 본격적으로 JavaScript에 대해 배우게 됬다.

2023.05.23오늘은 강민철 튜터님의 'TIL 작성법' 특강이다.중요한 것은 문시해알.

2023.05.24 프로그래머스 음양 더하기

2023.05.25문자열로 구성된 리스트 strings와, 정수 n이 주어졌을 때, 각 문자열의 인덱스 n번째 글자를 기준으로 오름차순 정렬하려 합니다.

다음 주에 해야 할 과제가 주어졌다. 이 번 주차에서 배운 내용으로 순수 바닐라 자바스크립트만으로 영회리스트 조회 및 검색 UI 구현하는 것.

2023.05.29지금까지 배운 자바스크립트 활용하여 사이트를 구현하는 개인과제가 시작되었다.

오늘의 특강인 알고리즘 있었다. 첫 알고리즘 수업인 만큼 이해가 안 되는 부분도 많았지만 이해하도록 노력해보자!

2023.05.31계속해서 자바스크립트 과제 진행 중 열심히 구글링하며 만들고 있다.

2023.06.01자바스크립트 과제 중 필수 구현해야 하는 기능은 완성된 것 같다.

2023.06.02자바스크립트 개인과제가 마무리 되고 개인과제를 바탕으로 팀프로젝트가 시작되었다.

2023.06.04github이 번주 동안 만든 자바스크립트를 사용한 프로젝트.

지난 주 개인과제의 연장선으로 팀프로젝트가 시작되었다.

2023.06.07열심히 팀프로젝트 진행 중... 장르 추천 기능은 만들었지만 슬라이드로 구현하는 기능을 어려운 것 같다.

2023.06.08팀 과제가 서서히 마무리 되고 있다.

2023.06.09팀 프로젝트가 마무리 되었다.

2023.06.11자바스크립트 주차가 끝나고 이제 다음 주 부터 React를 배우게 됬다.

2023.06.12리액트 주차가 시작되었다. 리액트 강의를 지급받고 열심히 공부 중. 이번에도 금요일 13시 까지 개인과제 제출이 있다.

2023.06.13지급받은 React강의를 완강했다. 이제 개인과제를 시작하자.

2023.06.14React를 이용한 todolist 과제 중. 강의에서 들었던 내용을 바탕으로 완성해가고 있다.

2023.06.15개인과제가 마무리 되가고 있다. 이제 React컴포넌트를 분리해야 하는데 막막하다. 팀원들과 코드리뷰를 하면서 많은 것을 배움!

2023.06.16개인과제를 제출하고 react 입문 1주차가 끝났다.todolistApp.jsx에서 컴포넌트를 분리해 보았다.

2023.06.17 리액트 입문 주차 완료

2023.06.19다시 시작된 리액트 강의 듣기! 이 번주는 리액트 숙련 주차이다.

React 숙련주차 강의를 완강했다. 많은 것을 배웠지만 아직 습득하지는 못했다. 과제를 하면서 배운 내용을 적용해 보자.

2023.06.22 과제가 쌓여간다. Redux를 사용한 과제는 이제 그만 마무리 하고 lv.3과제를 해보자prompt()lv.3과제에서 클릭하면 입력창을 띄우는 버튼을 구현하였다.

2023.06.23두가지 과제를 제출하였다. 지난 주에 과제였던 Todo List를 배운 redux을 사용해 다시 만들어 보았다.리스트에서 상세보기 기능

2023.06.25리액트 숙련 주차가 끝이났다. 리액트의 훅과 리덕스에 대해 공부하는 시간이었다. 다음주는 지금까지 배운 내용을 활용한 뉴스피드 만들기 팀프로젝트를 진행한다. 주말 동안 프로젝트에 도움이 될 만한 Firebase에 대해서 학습한다.

2023.06.26뉴스피드 프로젝트가 시작됬다. 팀원들과 회의를 하면서 프로젝트 S.A를 작성하였다.힘내조 프로젝트S.A

2023.06.27뉴스피드 프로젝트로 개발자의 대나무숲 Bamboo로 결정 되었다. 작성한 게시물을 보여주고 수정 삭제가 가능한 CRUD기능을 구현하게 되었다.

2023.06.28프로젝트 CRUD구현 중.Firebase Cloud Firestore에서 로그인한 유저만 데이터를 추가하는 기능을 구현하는 중이었다.user값이 null일 경우에는 로그인 페이지로 넘어가도록 만들었다.

2023.06.29프로젝트 CRUD구현 중. 처음 다뤄 보는 firebase 때문에 어려움을 격는 중이다. firebase를 쓰는 경우에는 redux를 언제 써야 할까?

프로젝트를 제출하고 발표와 피드백이 있었다. 오늘 오전 10시 까지 제출이었는데 무사히 기한에 맞춰 제출할 수 있었다. 이제 내일 부터 React에 대해 더 공부해보자!

주특기 숙련주차가 끝나고 시작된 심화주차. 새로운 팀과 함께 학습해 보자.

2023.07.05React 강의 완강을 목표로 달리는 중. 아직은 이해가 잘 안 된다. 추 후에 과제를 하며 복습을 하자. 팀원들과 어제 풀어본 프로그래머스 문제를 같이 공유해 보았다.

2023.07.06React 심화 강의 완강! 이제 개인과제를 하기 전에 부족한 내용을 학습해 보자. 전 부터 CSS가 부족한 것 같아 1분코딩 블로그를 읽어보고 있다.CSS 레이아웃을 시작하기 전에 꼭 알아야 하는 개념 display 속성!

2023.07.07개인과제 준비. 프로그래머스 문제 풀어보았다.

2023.07.09주특기 심화 첫 주차가 끝났다. 다음주는 개인과제에 집중하자.

2023.07.10개인과제 진행률이 느리다. 개인과제 완성에 집중하자.Keep: 난이도 있는 알고리즘 풀이Problem: 느린 개인과제 진행률 Try: 최대한 빨리 완성부터!

2023.07.11개인과제에 집중하고 있다.개인과제에 쓸 버튼을 컴포넌트로 나눠서 styled-components를 적용해 보았다.

2023.07.12개인과제 진행 중json-server 배포를 쉽게 할 수 있는 Glitch

2023.07.14개인과제에서 사용할 버튼 컴포넌트를 만들고 진행 중이다. css는 mui의 도움을 받자.Keep: 개인과제 진행Problem: 아직 미완성Try: 완성까지 서두르자!

2023.06.30 오늘의 회고 프로젝트로 이제 서서히 마무리 단계에 있다. 몇 가지 오류가 있어 주말동안 고쳐보자.

2023.07.14개인과제를 제출했다. 본문의 CRUD는 잘 작동하고 있지만, 추가 과제인 로그인 기능은 미완성 되어 아쉬움.개인과제 blog게시물을 CRUD 할 수 있는 blog를 만들어 보았다.서버는 json-server를 이용해서 데이트를 주고 받는다.

2023.07.16주특기 심화 주차에서 배운 것을 활용해 과제를 만들었다. 과제는 완성은 했지만 미숙하다. 다음 주 팀 프로젝트를 하면서 더 학습하자! 과제에서 json server를 사용해 구현했었지만 배운 내용에는 redux thunk, react query도 있었

2023.07.27팀 프로젝트가 시작되었다. 이번 팀 프로젤트의 이름은 오늘의 여행오늘은 추가로 팀 프로젝트를 도와줄 git강의가 있었다.

2023.07.19팀 과제 진행 중 회의할 주제도 많고 갈 길이 멀다.댓글 기능을 구현 중... input에 값이 없으면 추가 버튼이 비활성화가 되게 해보자.입력 전값을 입력해주면 추가 버튼이 활성화!입력useInput 커스텀 훅을 이용해 댓글 기능을 구현 중.

2023.07.19팀 프로젝트 댓글 기능 구현 중. 댓글 작성하는 기능은 구현 되었다. 댓글을 수정과 삭제를 할 수 있도록 하자!팀원 분들이 알려주신 useEffect 팁useEffect는 return jsx문 바로 위에 쓰는 걸 추천한다.

2023.07.20댓글 작성과 삭제 기능 완료! 수정기능도 구현하자!댓글 삭제버튼을 구현 중에 생긴 문제. 댓글을 삭제해도 재 랜더링이 안된다. 새로고침을 해야만 화면에 반영이 된다.문제는 queryKey 잘 못 써준것!

2023.07.21팀 과제가 어느정도 완성되어 간다. 주말동안 코드를 리팩토링 하자!댓글을 삭제 하기전 경고창을 띄우고 싶었다.confirmconfirm 함수는 매개변수로 받은 question(질문)과 확인 및 취소 버튼이 있는 모달 창을 보여줍니다.

2023.07.23팀 프로젝트를 진행하면서 git을 사용해 배운 git flow를 적용해 보았다. 이 전 프로젝트에서는 많은 충돌과 오류들로 인해 어려움이 있었다. 하지만 이제는 git도 어느정도는 익숙해 진 것 같다.개발 중인 feature브랜치를 develop브랜치

2023.07.24오전 10시에 프로젝트를 제출하고 발표가 있었다. 발표 후 튜터님의 피드백이 있었다.오늘의 여행 시연깃 허브프로젝트를 처음 기획하면서 세밀한 부분을 팀원들과 논의 후 프로젝트를 했었다. 덕분에 협업이 수월 했었다. 많은 오류들이 있었지만 팀원들과 같이

2023.07.25 오늘의 회고 TypeScript 자바스크립트의 단점 실행 시간에 결정되는 변수 타입 약한 타입 체크 너무나도 물렁물렁한 객체 이전 프로젝트에서 CRUD를 다루다가 id 값의 타입이 달라 생기는 문제가 있었다. 타입스크립트로 보완 할 수 있을까?

2023.07.26 오늘의 회고 타입스크립트 강의를 완강했다. 타입스크립트의 큰 틀이 잡히는 느낌이다. 그러나 아직 이해가 부족한 부분이 많다. 강의를 듣다가 자바스크립트 기본을 탄탄해야 할 필요성을 크게 느낀다.

2023.07.27전에 만들었던 todolist를 타입스크립트로 다시 만들어 보자.링크텍스트https://memostack.tistory.com/334)styled-components를 사용하기 위해서 설치했다.javacript에서 사용한다면 문제는 없지만,

2023.07.28 오늘의 회고 구슬을 나누는 경우의 수 머쓱이는 구슬을 친구들에게 나누어주려고 합니다. 구슬은 모두 다르게 생겼습니다. 머쓱이가 갖고 있는 구슬의 개수 balls와 친구들에게 나누어 줄 구슬 개수 share이 매개변수로 주어질 때, balls개의 구

2023.07.31TypeScript에서 Redux를 사용해보자. 최종 프로젝트가 보름밖에 남지 않았다. 최종 프로젝트를 위해서 좀 더 노력해보자.redux 의 경우엔 자체적으로 타입스크립트 지원이 됩니다. 하지만 react-redux는 그렇지 않은데요, 이렇게 라이브

2023.07.30 이번주 회고 타입스크립트 강의를 완강했다. 이전에 만들었던 React TodoList를 타입스크립트를 이용해 다시 만들어 보는 중이다. 강의 자료를 보면서 천천히 다시 만들어 보았다. 아직은 타입스크립트의 필요성을 크게 느끼지는 못했다. 내일 Red

2023.08.01 오늘의 회고

2023.08.03IT 직군 확장 세션이 있었다. PM, SI, SM, QA 등 다양한 커리어 선택지를 알아볼 수 있었다. 내배캠을 경험하시고 PM으로 일하고 계신 메니저님의 이야기를 들어볼 수 있는 시간이었다.후발대 과제 중 alert창이 두 번씩 뜨는 이슈가 있었다

2023.08.04 오늘의 회고 AWS와 후발대 강의가 있었다. 아직 배워야 할 것도 많고 밀린 강의도 있다. 주말동안 더 노력하자. Query String 쿼리 문자열은 지정된 매개 변수에 값을 할당하는 단일 리소스 로케이터의 일부입니다. -위키백과

2023.08.06심화 프로젝트 전 필요한 기술을 학습하는 주차였다. TypeScript와 AWS, 상태관리 라이브러리인 Redux, 그리고 React Query까지. 팀원들과 이번 심화 프로젝트에서 상태관리 라이브러리 Zustand를 사용해보기로 해 유튜브로 간단한

2023.08.07심화 프로젝트 시작. 팀 회의를 거쳐 프로젝트 주제와 사용할 오픈API, 와이어프레임 등 프로젝트 S.A.를 작성했다. 이제 프로젝트를 시작하려 했지만...... 오픈 API에 문제가 있다는 것을 발견! 어쩔 수 없이 프로젝트 주제를 틀게 되었다.문제

2023.08.08어제의 사건 후 오늘 팀 회의 후 프로젝트를 "둘러보미"로 바꾸게 되었다. 외부 API를 사용하기 전에는 꼭 검증해보자."둘러보미"걷기, 자전거 등 인간의 힘을 이용한 레저여행에 대해 코스정보를 중심으로 주변 관광정보를 종합 제공하는 통합여행정보 서비

2023.08.09마이프로필 완성! 내가 쓴 댓글을 불러와 보자.프로젝트 중 머지한 브랜치는 삭제 후 새로운 브랜치를 만들기로 했다. 원격저장소에서 머지한 브랜치를 삭제 했지만 로컬 작업환경에서는 삭제되지 않은 브랜치들이 남아있는 문제가 있었다.로컬 브랜치를 하나하나

2023.08.10마이페이지에서 내가 작성한 댓글불러오기 성공했다. 이제 좋아요 버튼을 구현하고 마이페이지에서 좋아요한 코스 목록을 불러와 보자. CommentItem마이페이지에서 불러오는 댓글의 스타일을 댓글작성 부분의 CommentItem를 가져와 사용하다보니 댓글

2023.08.11 오늘의 회고 좋아요 기능을 구현해 보자. 좋아요 좋아요 DB 구조 하트 하트 색상 문제 antd의 하트 아이콘의 색상을 inline css로 바꿔보려고 했다. 그러나 색상이 바뀌지 않는 오류가 생겼다. 하트아이콘이 svg이미지여서 문제가 생긴 것

2023.08.13 이번주 회고 좋아요 좋아요 DB 좋아요를 누르면 해당유저의 이메일과 코스의 정보가 데이터베이스에 담긴다. 좋아요 전 좋아요 좋아요한 코스 목록이 마이페이지에서 보여진다. 클릭 시 해당 코스페이지로 이동한다. 좋아요 목록

kpt 회고 Keep 외부 API 사용 시 Node.js서버 간단하게 만들어서 사용한 부분 팀원 전원이 PR리뷰에 참여해서 활발하게 소통한 점 해결이 어려웠던 부분은 팀원들과 공유하고 고민한 점 코드 최적화를 위해 많이 고민한 부분 Problem 코드 최적화를 위

2023.08.16마지막 프로젝트가 시작되었다. 발제가 끝나고 프로젝트를 함께할 디자이너 분과 인사 후 회의를 진행 했다. 이번에 팀 프로젝트의 주제는 여행을 같이갈 사람을 모집하는 서비스!이번 프로젝트에서 쓸 기술스택 중 3가지는 아직 다뤄본적이 많이 없다.DB는 S

2023.08.17오늘은 프로젝트 이름을 amigo signal로 정하게 되었다. 프로젝트를 시작하기 전에 Supabase를 설치하고 DB를 구성해보았다. 하지만 타입스크립트에서 쓰려다보니 오류가 났다. 해결하는 방법을 공식문서에서 찾아보자.Supabase 공식문서를

2023.08.18커스텀 셀렉트를 클릭하면 선택영역이 열린다.외부 영역을 누르면 선택영역이 닫히게 하기 위해서 onBlue를 추가했다.blur 이벤트는 포커스를 잃을 때 발생합니다.onBlur를 추가했지만 외부 영역을 눌러도 선택영역이 닫히지 않았다. 문제를 검색해보았

이번주 회고 마지막 프로젝트가 시작되었다. 프로젝트 주제는 여행에 동행할 친구를 찾는 서비스. 이번주는 프로젝트 계획과 공용컴포넌트를 만들었다. 프로젝트를 하면서 틈틈히 CS공부도 하자. CPU 사용자의 명령에 대한 작업을 수행하는 처리장치. CPU는 ALU, CU,

2023.08.21 오늘의 회고 antd Cascader onChange error 앤트디자인에서 Cascader를 가져와 사용하려 했다. 분명 앤트디자인에서 주어진 onChange 코드를 가져왔는데 오류가 생겼다. 문제 >'' 형식은 ' | | ' 형식에 할당

2023.08.22 오늘의 회고 CS스터디 CPU의 구성은? 답변 : 산술논리 연산장치 ALU와 제어부 CU 그리고 메모리 유닛으로 구성되어 있습니다. 꼬리질문 : 메모리 유닛이 무엇일까요? 답변 : 처리할 명령어를 저장해 두는 레지스터와 L1으

2023.08.23 오늘의 회고

2023.08.24포스트 수정기능을 완성했다. 다음 기능을 하기 전에 리팩토링을 하자.질문 - 버츄얼 돔과 리얼 돔의 차이를 설명해주세요리얼 돔을 조작해서 웹 페이지의 요소를 선택하거나 변경할 수 있습니다.단점으로 많은 요소가 자주 업데이트되는 경우에는 그만큼 웹 페이

동행 페이지가 마무리 단계이다. 이제 그 동안 신경을 못썻던 css를 만져보자.antd의 datepicker를 사용하다가 오늘 이전 날은 선택이 안되게 disabled를 하고 싶었다. antd의 예시코드를 보던 중 처음보는 라이브러리가 있었다.import dayjs f

2023.08.28벌써 중간 발표까지 일주일 남았다. 프로젝트의 두 페이지 중 "동행찾기" 페이지의 마무리 되어가고 있다. 프로젝트를 하면서 면접을 대비해 CS스터디도 하는 중이다. supabase의 관계형 데이터베이스를 다뤄보았다. 기본키(primary key)와 외

2023.08.28 오늘의 회고 포스트를 작성할 때 textarea이 아닌

2023.08.29 오늘의 회고 spotshare 작성기능이 끝나간다. 내일 지도api를 맡아주신 팀원과 병합하고 완성하자. Quill 이미지 크기조절 Quill를 사용하면 게시물에 이미지도 넣을 수 있다. 사용자가 작성 중에 이미지의 크기를 조절하면 좋을 것 같아

2023.07.02뉴스피드 프로젝트가 끝났다. 배운 react와 redux를 사용하고 firebase로 백엔드부분을 적용한 프로젝트이다.

2023.08.30튜터님의 프로젝트 피드백이 있었다. 미처 생각하지 못한 개선할 점이 많다.질문 - 데이터 10,000개를 가지고 무한 스크롤 구현시에 가장 중요하게 고려해야 할점은 무엇인가요?키워드데이터 조회 방식구현하는 방법이나 구현 시, 사용할 라이브러리를 예시

2023.08.31질문 - Javascript의 호이스팅에 대해 설명해주세요.실행 컨텍스트 변수 함수선언부가 '끌어올려짐'키워드실행 컨텍스트변수함수선언부가 끌어올려짐호이스팅은 변수를 선언하고 초기화했을 때 선언 부분이 최상단으로끌어올려지는 현상을 의미합니다. 선언식으로

2023.09.01어느새 중간발표 시간이 다가왔다. 주말동안 프로젝트를 다듬어 보자.동행 페이지 디테일 Info CSS, 스팟 공유 수정 시 지도 찍어 주기, 텍스트 에디터 커스텀해당 게시물의 디테일 페이지에서 삭제를 하면 useNavigate로 게시물 리스트를 보여주

2023.09.03내일은 중간발표가 있다. 프로젝트의 MVP가 잘 지켰는지 확인해보자.What You See Is What You Get 보는 대로 얻는다.사용자가 컴퓨터 화면에서 보는 것과 출력물 또는 최종 결과물이 동일하게 보이는 편집 환경을 의미한다.게시물을 작성

2023.09.04질문 - GET, POST 방식의 차이점에 대해서 설명해주세요.GET은 서버에서 데이터를 가져와서 보여줄 때 사용합니다.POST는 서버상의 데이터 값이나 상태를 바꾸기 위해서 사용합니다.GET과 달리 전송해야 될 데이터를 HTTP 메시지의 Body에

2023.09.06유저 테스트를 하기 전에 치명적인 오류들을 수정하자.질문 - 쿠키, 세션, 웹스토리지의 차이를 설명해보세요쿠키는 웹 사이트를 열람한 사용자 정보를 클라이언트가 보관하고,두 번째 액세스부터는 그 정보를 클라이언트가 서버로 보냅니다.세션은 서버에서 데이터

2023.09.06유저 테스트전 오류 잡는 중...질문 - 클라이언트 사이드 렌더링(CSR)과 서버 사이드 렌더링(SSR)의 개념에 대해 설명해주시고, 장/단점을 설명해주세요.클라이언트 사이드 렌더링은 서버에서 받은 데이터를 통해클라이언트인 브라우저가 렌더링을 처리하는

2023.09.07유저테스트를 시작하자 마자 터진 문제. 게시물 작성 버튼을 연타하면 똑같은 게시물들이 등록이 되버린다! 일단 임시로 작성버튼을 누르면 disabled되게 해 놓았다. 내일 디바운싱을 적용하자.질문 - GET, POST의 개념과 함께 데이터 흐름에 대해

2023.09.08 오늘의 회고 게시물 중복 POST 해결

2023.09.11유저테스트의 피드백을 확인해 보자.프로젝트 중 Supabase 대시보드를 확인해보니 Database egress가 넘쳐있었다.Database egressQuill은 이미지를 첨부하면 base64로 인코딩 된다.컴퓨터 분야에서 쓰이는 Base 64 (베

2023.09.12발표가 다가온다.게시물 작성 시 업로드 되는 이미지의 용량이 크면 DB에 무리가 갈 것 같아 압축 후 업로드를 했습니다.압축 전 3.3 MB압축전압축 후 858 kB압축후

2023.09.13반응형 작업 중...자신의 게시물에만 수정 버튼을 보여주는 방식으로 남의 게시물을 수정하는 경우를 막고 있었다.그러나 유저가 남의 게시물 디테일 페이지에서 주소를 아래처럼 변경해 직접 수정페이지에 들어 가면 문제가 생긴다.partner/detail/포

2023.09.16프로젝트 제출하자.404게시물 카드를 클릭하면 해당 포스트의 디테일 페이지로 이동한다..../partner/detail/postid만약 이미 삭제된 게시물이면 에러페이지를 보여주자.

2023.09.19최종 발표가 끝났다. 내일 부터는 지원주차가 시작된다.필터카드 리스트를 useState로 관리하다보니 새로고침을 하면 필터링이 다시 풀리는 문제가 있음.이 문제는 쿼리 스트링으로 해결할 수 있는데 필터링을 할 때 URL에 쿼리스트링으로 세팅해 두었다가