본문 바로가기

👻내일배움캠프 - 스파르타코딩클럽

240607 TIL 1. 오늘 한 일  - 뉴스피드 프로젝트 제출 및 발표  2. 프로젝트를 마치며 느낀 점  -  그동안 프로젝트하면서 부족한 점이 많이 느껴진게 보여서 그 부족함을 토대로 리액트 전역상태관리 (redux,context)그리고 supabase 공부 더 해야 겠다라는 생각이 들었다. 스타일 컴포넌트에 대해선 이해하고 쓸 수있는 정도가 되었다. - 코드 컨벤션을 정하고 깃 커밋할 때 규칙을 처음부터 정해서 체계적으로 할 수 있어 좋았다. - 전반적으로는 잘 나왔는데 내가 기능 구현함에 있어서는 부족함이 많기 때문에 점수를 낮게 줬던 것 같다. 나중엔발전해서 하나라도 할 수 있는 사람이 되어야 겠다고 생각했다 :) - 구현 전에 튜터님들께 많이 질문해서 얻어가자 ..! 구현 후에 질문하지 말고.. ⭐ 더보기
240605 TIL ⭐ 오늘 프로젝트 때 한 일 - 로그인 : 이메일, 비밀번호 입력하지 않을 시 이메일, 비밀번호를 입력해 주세요 alert 구현하였다. 이메일 비밀번호 둘 중 하나 틀릴 시 alert창이 떠야 맞을 건데 안 떠서 원인을 계속 찾았고 (구글링, ai의 힘을 빌림)하다가 꼬일 것 같아 튜터님께 큰 맘먹고 물어본 결과 로그인하는 과정에서 문제가 있었다고 한다. (비밀번호 문제라고 했었던 걸로 기억함) 둘 중 하나 틀릴 때의 문제가 아니라고 말씀해 주셨다. 콘솔로그까지 여러 방향으로찍어보고 튜터님이 도와주셨지만, 결국은 alert창이 안 뜨는 문제는 해결하지 못했다.  ⭐ 느낀 점  처음부터 물어봐가면서 구현했으면 문제는 없지 않았을까 싶다. 이렇게 또 하나하나 배워간다. ㅠ 다른 튜터님들께 물어봤어도 오늘 안.. 더보기
240604 TIL [ 뉴스피드 프로젝트 기간이므로 프로젝트에 관한 기록을 남겨두려고 함] 로그인 기능을 맡아서 하였고 회원가입 화면과 결이 비슷하여 회원가입 기능 맡아서 하신 분이 작업해서깃허브에 올리면 나는 git pull을 받아 코드만 살짝 수정해서 만들었다.  로그인 화면과 회원가입 화면의차이는 비밀번호를 다시 입력하는 칸이 없고 이메일과 비밀번호를 입력하는 input창만 있다. 오늘은 LoginLink.jsx ( You haven't  any account? Sign Up) 문구를 넣고 > 로그인 화면 밑에회원가입으로 넘어가는 부분을 작업했다.  import React from "react";import { Link } from "react-router-dom";import styled from "styled-co.. 더보기
240603 TIL 1. 오늘 한 일- 수준별 수업, 알고리즘 도약 강의 듣는 시간 제외하고 뉴스피드 프로젝트에 시간 쏟음 2. 프로젝트하면서 어려운 점 - 로그인 화면 디자인은 어렵지 않은데  supabase를 이용하여 만들어야 하니 과정이 복잡하다. 배우는 건 쉬운데다루는 과정에서 어려웠다.- 계속 로그인 화면 만들다가 엎고 팀 와이어프레임을 보고 직접 만들고 있는 중이다. - 로그인 화면이 중요하다 하셔서 부담감이 증가되었다.  3. 앞으로 해야 할 일- 로그인 디자인 완료하기 - supabase auth사용하여 기능 구현까지 완료하기 더보기
240531 TIL 1. 오늘 한 일 - 알고리즘 타임어택 - 뉴스피드 프로젝트 시작  2. 프로젝트 시작 -  우리 조는 "게임"을 소재로 한 온라인 /  오프라인 최신 게임에 대한 소식을 전하는 커뮤니티로 만들기로 했다 .- 각자 기능을 분담해서 만들기로 했는데 나는 로그인 화면을 만들기로 했다. - 코드로 보면 바로 떠오르지 않아서 조원분이 정해주신 주 컬러를 이용하여 와이어프레임을 만들었다.- supabase auth 기능을 이용하기 - 리액트로 로그인 기능을 만들어보는게 처음이라 동적인걸 어떻게 구현해야 할지 막막하다.     이제 코드로 옮기는 일만 남았는데 이걸 어떻게 옮겨야 할까에 대한 고민이 많다. 수요일 안에 다 할수 있길 바래본다!    3. 앞으로의 계획  - 와이어프레임이 나왔으니 내일 주말을 이용하.. 더보기
240530 TIL 1. 오늘 한 일 - 아침 : 알고리즘 문제 풀기, 스탠더드 과제 - 낮 : 스탠더드 과제 풀고 제출, 리액트 숙련 과제 재제출  2. 느낀 점  - 알고리즘은 매일 풀지 않으면 감 잡기가 어려운 것 같다. 오늘 문제도 슬랙에 올라와 있어서 문법 찾아가며 풀었는데 내가 배운 대로 풀면 일반적인 문제는 통과되는데 복잡한 배열로 되어있으면 통과가 안 돼서 뭐가 문제인가 하며구글링 했음.. 그동안 내가 잘못된 방식으로 풀고 있었구나 생각했다. 알고리즘은 다른 방식으로 접근하는 방법을생각해 봐야겠다. 문제를 읽으면 아 이거다! 하는 문법이 딱 떠올라야 하는데 바로 안 떠오르니까 조금 그렇기도 하고암튼 그렇다..ㅠ  문제 : 9로 나눈 나머지 구하기  프로그래머스코드 중심의 개발자 채용. 스택 기반의 포지션 매칭.. 더보기
240529 TIL 1. 오늘 한 일  -  리액트 숙련 과제 제출 ( 결국 오류와 맞닥뜨리고 한 데까지만 제출함 )-  알고리즘 문제 풀기 -  자습 (React 사이트에서 context에 대해 공부함)-  수준별 학습 ( Memoization과 custom hook에 대해 학습) -  튜터님의 좋은 개발자의 비밀 특강 듣기 ( 약간의 동기부여..?!) 2 . 새로 알게된 문법 - 알고리즘 문제 풀면서 해당 문법을 몰라 구글링했는데 sort()라는 함수였다  > sort () : 배열의 요소를 적절한 위치에 정렬한 후 그 배열을 반환합니다 arr.sort([compareFunction]); 정렬 순서를 정의하는 함수이며 생략하면 배열은 각 요소의 문자열 변환에 따라 각 문자의 유니 코드 포인트 값에 따라 정렬된다.  so.. 더보기
240528 TIL 1. 오늘 한 일 - 리액트 숙련 과제 : HomeInput .jsx 아무것도 입력 안할 때 alert 창이 뜨게 하는 유효성 검사 추가 - 알고리즘 문제 풀기 : 부분 문자열 이어 붙여 문자열 만들기 > 프로그래머스 ( 알고리즘 도약반 ) , substring 이용 - 정보를 입력하면 지출 리스트 컴포넌트에 추가되게 하는 기능 추가 ( 화면에는 아직 안 뜸)- 팀 회의 (프로젝트 관련) 2. 내일의 계획 - 리액트 숙련 과제 제출 - 수준별 학습 (스탠다드) - 리액트 강의 들으며 복습하기   3 . 한줄 한마디  -  context,redux에 대해선 아직 공부 더더 해야할 듯 -  style 컴포넌트는 한번 이해하고 나니 그냥 css 쓰는 것보다 편하다. 익숙해져서 어떻게 쓰는지는 알 수 있을거 같.. 더보기