OT 및 프론트엔드에 관한 특강그룹스터디 방향성 설정멀지만 대면으로 나가길 잘했다!!! 화이팅...! git을 활용한 버전관리 강의git이란?git / github 설치 및 셋팅git hub를 통한 버전관리그룹 스터디 멘토링: 그룹스터디 및 앞으로의 공부 방향성 gi
프로그래머스 알고리즘 풀기 \- 문자열 내림차순 정렬 \- 나누어 떨어지는 숫자 배열 문자열 내림차순은 쉽게 풀었지만, 나누어 떨어지는 숫자 배열은예외처리에서 조금 헤맸다...ㅠㅠ (조금이 아닌가...거의 3시간 고민함ㅎ)풀고나니 정말 쉬운 문제였어서 부족함을 많이
Today I learnedHTML5 Outline 의미구조에 맞는 HTML 설계(1. JS 개요 (인강)data, 변수, 함수DOM APIEnd of the day...이전엔 시멘틱 태그에 대해서 알고 있었지만, header, main footer 정도만 사용했었다.
Node.js 환경의 이해와 활용JS 기초\_연산자, 조건문, 반복문js 기초 특강과 함께 인터넷 강의도 js 기초 강의를 들었다. 내가 놓친 부분이 있나 듣긴 했는데, 거의 다 아는 내용이라 들으면서 기초를 한번 훑는 느낌으로 들었다.대신 Node.js는 몰랐던 사실
Today I learned Css block, inline 개념 강의 JS 강의 JS 함수 (타이머, 콜백 등) JS class & prototype End of the day... 코딩을 처음 배우기 시작할 때 객체를 참 어려워했다. 그래서 유투브를
Today I learned 어제 CSS 특강 Card 구현하기 SCSS 강의 End of the day... 오늘은 온전히 강의만 듣는 날이다! 카공을 했는데 너무나 공부가 잘되는 것! 그리고 평소 공부해보고싶었던 SCSS 를 배우게 되서 좋았다! 뭔가 새로운 내용
Today I learned CSS & JS 특강 CSS - position JS - 데이터와 메모리 그룹스터디 코드리뷰 한 주 회고 End of the day... float과 position에 대해 깊이있게 배웠다. 플롯과 포지션이 컴퓨터에서 어
Today I learned 프로그래머스 알고리즘 콜라츠 추측 수박수박수박수? End of the day... 행복한 주말🥰 등산하고 와서 맛난거 먹구 뻗어서 공부 많이 못한 것^^ 할거 많은데 잡아놓은 약속도 많다.....ㅎ 하지만 공부도 하고싶고 놀고도
자료구조 Hash Table 에 대해 공부하고 정리프로그래머스 해시 문제(완주하지 못한 선수) 시도 아직은 못품..ㅎ약속 후 집에 와서 하느라 많은 시간을 공부에 투자하지 못했다ㅠㅠㅠ하지만, 정신건강을 위해 휴식도 필요하니까 너무 스트레스 받지 않기로 했다! 놀고와서
Today I learned JS 특강 메모리 접근 방식으로 보는 Block Scope 변수 선언 단계에 따른 Hoisting 스타벅스 예제 Youtube iframe API 프로그래머스 완주하지 못한 선수 해결! End of the day... 어제 TIL을 작성
JS string, number&Math, array 메서드JS 데이터 가져오기import, exportJSON 개념 및 통신법lodash 메서드 이용해서 중복 데이터 거르기storageopen API, axios 사용해 데이터 요청해서 받아오기JS 구조분해할당, 스프
JS 특강 SCOPE 복습 & 슬라이드 만들기 & 과제스타벅스 예제 오류 해결하기정규표현식 강의 듣기오늘 특강은 실습이 많아서 시간이 빨리갔다! 무엇보다 먼저 코드를 작성해 볼 시간이 주어진 것이 좋았다.이미 바닐라, 제이쿼리, react로 구현해보긴 했지만,마지막 인
프로그래머스 행렬의 덧셈 - 성공강의 - TypeScript 개념과 Type 종류특강 - Silder 기능구현 완료 & 라이브러리화프로그래머스 기능개발 - 시도기능개발 다 풀고 TIL 올리려고 했는데... 거의 뭐 3시간 째 똑같은 곳에서 헤메고 있는 중이라 뒤늦게
강의 - TypeScript Interface 및 Class자료구조 스택, 큐 개념 정리그룹스터디 \- 프로그래머스 알고리즘 5문제 코드리뷰 \- 자료구조 과제 (해시 / 스택 / 큐) 발표 및 질의 응답 \- 향후 방향성 토의저번주 코드리뷰보다 각자의 풀
프로그래머스 알고리즘 풀기 두 정수 사이의 합 문자열 다루기 기본 \* 체육복, 약수의 합 - 시도..^^오늘 한 걸 날 바뀐 새벽 두시에 올리는 클라스...^^서브로 들을 리액트 강의를 찾아보느라 이 시간이 된 것...생각할 것도 공부해야할 것도 많다.
Map, Set 에 대한 개념 공부 및 정리Map을 이용해 완주하지 못한 선수 다시 풀어보기 및 코드 분석프로그래머스 약수의 합 풀기Greedy 탐욕법 가볍게 공부 (방통대 강의)Map이랑 Set을 공부하는데 생각보다 시간이 오래 걸렸다.실제로 console을 찍어가며
TypeScript Generic 강의 수강 및 정리Bundler & Webpack 강의 수강 및 정리JS 특강 - 슬라이더 리팩토링좋았던 점 \- 처음 코딩을 배울 때에 비해서 오타가 정말 많이 줄었다! \- 이전에 그저 따라하기만 했던 node 환경 프로젝트들
react 맛보기 강의 수강react란?상태관리hooksreact youtube 클론코딩 오류 수정 iframe 영상 header 위로 올라감 => z-index 처리slider 프로젝트 비구조화할당 안되는 이유 찾기=> 이벤트가 일어날 때 마다 상위 코드에서 같은 값
react 기초 특강react 모듈 구성es6(+) 문법으로 react 사용하기create-react-app 오류잡기=> src, public 폴더 생성 안되는 오류 => 온갖 방법 해도 안됨=> vite 시도해보니 정상으로 프로젝트 생성됨. vite 쓰자..ㅎ토이 프
react 맛보기 특강 마무리 및 정리프로그래머스 2문제 풀기숫자 문자열과 영단어 성공! 체육복 Set 방식 시도 => 예외 상황 풀어가는 중....ㅎㅎㅎ토이 프로젝트 - 금융앱 마크업 (header, account-box) 좋았던 점어제 세웠던 계획을 다 실천했다!
토이 프로젝트 - 금융앱 마크업 (main완성), swiper 구현그룹스터디 - 프로그래머스 코딩테스트 코드리뷰좋았던 점코딩테스트 코드리뷰를 하면서 다양한 방법을 배우고, 어려운 부분을 함께 고민하면서 배우는 것이 많다. TMI : git 커밋 신경쓰느라 TIL 쓰는
토이 프로젝트 json 파일 업로드 및 axios로 통신하여 가져오기날짜별로 묶어서 해당 list html 에 뿌리기total price 구해서 html 에 뿌리기좋았던 점 조원들이랑 잠시라도 만나서 회의하며 진행했다. 어떻게 하면 효율적으로 데이터를 나누고 뿌릴
토이 프로젝트JSON data reduce 사용하여 날짜별로 재정리 가공된 데이터 html에 자동으로 뿌리기 성공!!좋았던 점어제 종일 고민했던 날짜별로 데이터 나누는 부분을 해결했다!!!날짜를 일일이 하드코딩으로 대응시켜 filter로 매번 걸러주고, 똑같은 코드를
토이 프로젝트JSON data 와 chart.js 이용해서 chart 만들기클릭 이벤트 구현 (클릭시 list 올라오기)좋았던 점팀원들과 함께 고쳐나가는 작업 덕분에 각종 시행착오들을 지치지 않고 할 수 있는 것 같다!!! 우리 조 짱👍보충하기추가로 넣고 싶은 작업들
토이 프로젝트이체 페이지 완성 및 readme.md 작성user account list 페이지, number-pad 구현, 해당 금액 이체 완료 page 구현 토이프로젝트가 끝났다!! 확실히 최근에 코딩테스트를 공부한 덕분인지 data 를 가공하고, 뿌리는 것이 예전
토이 프로젝트 발표 및 코드리뷰React 특강 첫 날! \- React Element와 Component \- props토이프로젝트 피드백 반영 및 user-img 수정좋은 점리액트와 타입스크립트를 함께 배울 수 있어서 너무 유익한 시간이 될 것 같다! 매니저님의
https://velog.io/@imzzuu/%ED%94%84%EB%A1%9C%EA%B7%B8%EB%9E%98%EB%A8%B8%EC%8A%A4-%EC%B5%9C%EB%8C%80%EA%B3%B5%EC%95%BD%EC%88%98%EC%99%80-%EC%B5%9C%EC%86
react 강의 수강react 공식문서로 살펴보기 (hooks)왓챠 피디아 클론코딩 api 사용하여 data 저장하기interface로 타입 정의하기footer 구현하기그룹 스터디 및 멘토링프로그래머스 코드리뷰멘토링 질의 응답좋았던 점맥북이 왔다\~\~~!! 환경 설정
커리어 서비스 과제자소서 큰 틀 잡기, 강점 정리하기, 지원하고 싶은 회사 추려 보기 등 아침부터 약속 삼탕에 정신을 못차리는 중...오늘은 절대 일찍 자야할 것 같은 기분..노트북 들고 나가서 약속 중간 틈틈이 생각하고 작성해보긴 했지만, 아직은 미완성이다...! 오
커리어 서비스 과제 완료TS 개념잡기 애플코딩 영상앙마코딩 영상분명 타입에 대해 배웠음에도 실제로 적용하니 너무 헷갈리는 타입스크립트...ㅠ흘러가듯 보지 않고, 음미하며 공부해야겠다!! 그룹스터디 코테도 한개 풀고 자야겠다!! 부디 일찍 잘 수 있기를...!! ㅎㅎ
왓챠피디아 클론코딩react queryreact slick react 특강랜더링 (조건부 렌더링, loop 랜더링 등)이벤트 핸들러하...리액트 환경도 익숙하지 않은데... 무턱대고 타입스크립트에 각종 라이브러리를 사용해서 새롭게 알아야할 내용들이 너무 많아서 찾으면서
왓챠피디아 클론코딩 slick 오류 해결 \- 자동으로 생성되는 style 에서 오류가 난 것으로 판명 이처럼 react-slick 에서 ReactSlider 를 불러오고 그 스타일을 상속해준 스타일 컴포넌트를 만들어 준 후, slick에 의하여 자동으로 생성된 's
react 인강 Mocking & mswReduxMobxreact 특강State란?State 업데이트의 비동기성과 Batch update좋았던 점심화 과정을 배우게 되어서 좋았다! 지식을 얻는 기분 !!! 특히 조금만 복잡한 코드 진행이 되면, state가 re-re
react 인강 GraphQl 이란? GraphQl 과 REST API 차이 GraphQl로 데이터를 받아올 때 필요한 개념들(필드, 인자, 변수, 작업이름, 프레그먼트 등)REST API 란?콜백함수 개념 재정비좋았던 점GraphQl 생소하지만, 그래도 새로운걸 배우
redux 발표 준비 및 발표redux 와 redux toolkit 개념 공부발표 react 특강useRefuncontrolled/controlled inputinput validation check좋았던 점react 실강 특강 너무 알차고 좋다! input valid
이력서 다듬기친구가 개발자 친구를 소개시켜준다고 해서 이런 저런 이야기도하고, 고민, 질문의 시간을 갖고 왔다! 만나고 이야기를 하고 오니 더 확고해졌다! 화이팅!!이후에 가족 행사가 있어서 공부를 못한 것이 아쉽지만...ㅠ내일은 꼭 이력서 완성도 하고 공부도 하자..
이력서 다듬기노션 이력서 / 포트폴리오 만들기그동안 했던 작업물 정리면접 스크립트 정리중input 유효성 체크 심화 과제 구현 후 포스팅나를 소개하는 글을 쓰는 것은 역시나 시간이 오래걸린다.나는 작고 소중한 장점들이 많은 사람인데 main으로 무엇을 두어야할지 고민이
Today I learned GraphQl 강의 뮤테이션 스키마, 타입 fullstack 예제 react 특강 useEffect useMemo, useCallback End of the day... 좋았던 점 오늘도 역시나 알찬 reac
https://velog.io/@imzzuu/Next.js-%EB%9E%80-CSR-SSR-SSG-%EC%B0%A8%EC%9D%B4
react 특강SPA 란?react-routerNext.js 예제로 개념 다시 다지기코딩앙마 강의좋았던 점헷갈렸던 usePrams 를 직접 구현해보면서 개념을 확실히 다진 것 같다! SPA 에 대해 알고 있었지만, next.js 를 배우고, ssr, csr 개념을 함께
React, Redux-toolkit 활용 실습로그인 : 서버에서 받아온 응답을 바탕으로 구현그룹스터디 코테 리뷰좋았던 점실습을 통해 서버와 통신하고, redux 를 실제로 활용하면서 개념을 확실히 잡을 수 있었다! 실제 서버와 통신해서 작업해본 것은 처음이라서 정말
PM 특강SDLC (Software Development Life Cycle)github issue and projects + git flow 실습React 특강wildcard, NavigateCSS in JS (styled-component)좋았던 점예전에 개발자인
react 주말 특강Unit test (jest)방통대 컴과과 시험알고리즘데이터베이스디지털 논리 회로react 회원가입 페이지 구현 중좋았던 점시험보러 다녀오느라 특강을 중간부터 들었는데, 그나마 jest 부분을 들을 수 있어서 다행이었다!aysnc, await / f
react 회원가입 페이지 구현 중보완할 점회원가입 페이지 명세를 확실히 하는 것이 우선인 것 같다. (아예 새롭게 짜보는 중...)약속 때문에 공부를 많이 못한 점이 아쉽다..내일부터 다시 빡공!
react 특강styled-components keyframesReact.context (전역상태관리)Promise, aysnc/await 정리좋았던 점새로운 내용들을 배우는건 어렵지만, 즐겁다!! 수업 끝나고 천천히 코드를 보며 개념을 정리하다보니 이해가 간다!보완할
Next.js - nomad coder 실습Next.js 스타일링 API KEY 숨기기 (redirect, rewrite)Dynamic URL좋았던 점노마드 코더 강의 이렇게나 쉽고 꿀팁이 가득하다니!!! 보는 내내 고개 끄덕끄덕 감탄사 나오면서 배웠다...!기본 개념
조별 발표회 - 회원가입 구현좋았던 점드디어 했다...! 혼자 할 땐 명세가 확실하지 않아서 갈피를 못잡았는데,과제로 주어져서 다시 진행하니 흐름을 잡아주셔서 쉽게 구현할 수 있었다. 보완할 점HOC 를 공부하고 user 로그인 상태에 따른 url 접근 제어하기
조별 발표회URL 접근 제어 구현 (HOC 활용)Redux-persist커리어 서비스 질문 내용 정리좋았던 점고차 함수, 고차 컴포넌트의 기본 개념을 다질 수 있는 실습이었다!Redux-persist 를 알게 돼서 좋다! 그냥 redux 만 썼으면 몰랐을 기능인데, 실
React 특강Context | 하나 이상의 전역 상태를 갖을 때Redux취업 준비강점 탐구하기1분 자기소개 생각해보기보완할 점오늘 정말 정신이 왜이렇게 없었던건지...수업시간에도 허둥대다가 놓친 부분이 많았다...ㅠㅠ 녹화본 올라오면 다시 듣고 정리해야겠다...ㅠㅠC
React 주말 특강Next.js어제 React 특강 다시 들으며 이해 부족했던 내용 채우기 ❓ Context 예제 re-render 일어나는 이유 ➡️ id 와 name 은 하나의 컨텍스트로 관리하고있기 때문에, 두 값이 가리키는 주소값이 같아서, name, i
방통대 기말 시험웹 프로그래밍운영체제디지털논리회로알고리즘데이터베이스 시스템흡..오늘은 공부를 못했지만...몸이 아파서 일찍 자야겠다...ㅠ(TMI)
왓챠 페이지 개발자 도구로 살펴보기...ㅎ 지극히 코린이 입장에서 살펴보았...🫥mobx 로 전역관리 하는 태그도 발견하고...hover 를 하면 contents의 크기도 커지고, 양 옆 간격이 바뀌는 ui 를 어떻게 구현했나 궁금했다. html 태그를 보면 clas
과제 1일차할 수 있 다 ! 힘 ! 내 ! 자 !
과제 2일차✔️ 보완할 점flag 전역으로 관리하고 memo 사용 vs flag 전역 관리 x 타이머 구현 및 성능 최적화 고민하기예외처리, 안쓰는 변수 유무 확인, 주석 정리코드 정리 (왜를 생각하고, 반복 줄여보자)read me 작성 시간이 남는다면, td data
과제 3일차 (마지막날)좋았던 점리액트, 전역관리 의 필요성, 사용 목적 등을 고려하면서 어떻게하면 잘 활용했다고 할 수 있을까...를 고민하며 로직을 구상해보았다. (어려웠지만....)리덕스 툴킷을 처음부터 끝까지 구상하고, 사용하면서 리덕스의 흐름을 확실히 이해하게
React 특강 middlewareredux middleware좋았던 점회원가입, 게시판 실습을 진행하면서 보일러플레이트에 있었던 미들웨어가 궁금했는데, 배울 수 있게 되어서 너무 유익했다!! 그나저나...오늘은 너무 심적으로 힘든 하루였다...ㅠ과제 제출하고 개인적으
React 주말 특강CookieStorageSessionRedux-persistReact 특강 못들은 부분 공부redux-thunk좋았던 점몰랐던 새로운 부분을 공부하는 건 어렵지만 언제나 즐겁다!!!모두 실무에서 유용하게 쓰일 것 같은 내용이라 얼른 미니프로젝트를 통
React 주말 특강 노션 개념 정리 및 복습CookieStorageSessionRedux-persist좋았던 점복습을 하면서 어느정도 개념이 잡힌 것 같다! 주말동안 마인드컨트롤....(반 성공..?!!)보완할 점네트워크에 대해서 더욱 깊게 공부해보자...!! 누가
Mini Project 구현 개요 정리 (R&R)boilerplate 만들기git repo 만들고 develop 브랜치 생성git commit 관련 정의 Final Project 씽크업 미팅 (w.ui/ux)알고리즘 강의1차원 배열좋았던 점실제로 R&R 을 처음 해보는
Mini Project 세부 구현 기능 나누기git project, label 구성 정의 및 생성Redux-persist 수정멘토링을 통한 피드백 Final Project 씽크업 미팅 (w.ui/ux) 2번째소통 방식 정하기공통 노션 구성기업미팅 질문사항 취합좋았던 점
Mini Project 담당 기능 구현List component, ListItem component, Clip component \- 더미데이터를 이용해 컴포넌트 구현 \- String => Date 변환 및 format 변경 함수 구현 알고리즘 강의탐욕법좋았던 점
Mini Project 담당 기능 구현 git flow 및 branch 관련 공부 좋았던 점진정한 협업...! 시행착오를 겪으면서 git flow를 익히는 중이다! 이번 미니프로젝트를 경험삼아 파이널 잘 준비하자!!! branch 에 개념을 다시금 잡을 수 있었
Mini Project git flow test 어제 각자 공부한 git merge, rebase 및 branch 전략들을 토대로 test repo를 만들어 경험해보며 git flow working rule 을 만들었다. 그룹스터디백준 알고리즘 : 탐욕법 문제풀이좋았던
Today I learned Mini Project 개인 작업 conflict 오류 해결 (rebase --continue) clip 컴포넌트 및 clip slice 작성 중~ End of the day... 좋았던 점 정신적으로 힘든 부분을 힐링 시킬 수
Mini Project 개인 작업Clip reducer 중복 객체 삭제하는 로직 해결a 태그 스타일링좋았던 점오늘은 생일\~~ 맛난거 많이 먹어땅^\_\_^다행히 중복 객체를 삭제하는 법은 간단하게 해결! 보완할 점팀원들과 로직 합치기clip 된 버튼은 clip 된 u
Mini Project 병합 작업list component 부분 merge 작업git, 코드리뷰(pr, comment 활용)Final Project 기업 미팅프로젝트 관련 질의 응답Final Project 기획 관련 피드백 (ui/ux) 좋았던 점팀원들이 개개인 별로
Mini Project 병합 작업 및 효율화 작업무한 스크롤, header, router 코드 병합UX 고려한 코드 수정디자인 수정코드 정리Final Project 기획 관련 회의좋았던 점역시 혼자 하는 것보다 여러명이서 고민하니 기능 개발 부분에서 작업도 빠르고, 배
Mini Project 마무리 및 문서화 작업, 발표Final Project 기획회의좋았던 점우리 팀 코드 깔끔하게 잘 작성한 것 같다! 중복되는 상태관리 코드를 custom hook으로 빼거나, 서비스로직, 재활용 가능성 있는 함수들을 util 폴더, reducer
Final Project 기획회의할많하않....
Today I learned Final Project 관련 회의 및 멘토링 페이지별로 기능 정리 및 R&R End of the day... 오늘의 굿띵은 없으며, 오늘의 한줄 정리 : 해야할 일은 산더민데 기업의 피드백은 너무나도 느리다,,, TODO 팀별 대
Final Project API 명세 정의좋았던 점기업의 요구사항 정의서에 맞춰 백엔드쪽에 전달할 내용을 각 팀의 팀장님들과 모여 필요한 API에 대해 정의하여 기업에게 전달 완료! 팀장으로서 참여하게되었는데, 좋은 경험이었던 것 같다! 보완할 점공통 스타일에 대한 회
Final Project 발표 준비 및 문서화 작업보완할 점 + TODO공통 스타일에 대한 회의개발 설계 발표 준비 및 문서화 작업
Final Project 리서치 및 회의개인 담당 페이지 기능, 스타일 분석파일 트리 구조 회의설계 발표 각자 담당부분 리서치 및 문서화보완할 점 + TODO개발 설계 발표 리서치 및 문서화 마무리 작업파일 트리 완성하기스프린트 짜기
Final Project 리서치 및 회의파일 트리 구조 회의설계 발표 각자 담당부분 리서치 및 문서화형상관리, 일정관리 툴 재정비API 명세 기반 test보완할 점 + TODO개발 설계 발표 리서치 및 문서화 마무리 작업스프린트 짜기마크업 시작하기!
Final Project 리서치 및 간단한 마크업전역 상태 관리 (swr, recoil)progress-bar 라이브러리담당 페이지 마크업 간단히...ㅎㅎ그룹 노션 일정 관리 페이지 수정보완할 점 + TODO개발 설계 발표 리서치 및 문서화 마무리 작업스프린트 짜기마크
Final Project 리서치 및 마크업전역 상태 관리 회의 -> 결정남!!!!스프린트 짜기상품 등록 페이지 마크업UI/UX 팀과 회의 (마크업 관련 디자인 질문 사항 피드백 받고 반영하기)보완할 점 + TODO와우와우...월요일에 TIL 도 작성 안하고...회의 했
Final Project 담당 페이지 마크업상품 등록 페이지 마크업Nav 러프하게 마크업개발 설계 발표 자료 구성 피그마로 나누어보기보완할 점 + TODO개발 설계 발표 자료 만들기상품 대량 등록 페이지 마크업
Final Project 담당 페이지 마크업상품 대량 등록 페이지 마크업 (표 제외)설계 발표 자료 정리 및 준비설계 발표보완할 점 + TODONav 기능 구현하기상품 대량 등록 페이지 마크업 완료하기텍스트 에디터 라이브러리 리서치 및 적용Radio 커스텀msw로 mo
Final ProjectRadio 커스텀 구현Drop down 적용보완할 점 + TODONav 기능 구현하기상품 대량 등록 페이지 마크업 완료하기텍스트 에디터 라이브러리 리서치 및 적용msw로 mock up 해보기