본문 바로가기

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

240527 TIL 1 . 오늘 한 일  -  알고리즘 강의 들으며 문제 풀기 (도약)-  리액트 숙련 과제 -  수준별 학습 강의 듣기 (스탠다드)  2 . 한줄 이야기  -  ID값 넣으려다가 화면이 아얘 안보이는 현상이 발생해서 원상 복구했다 -  지출 리스트 컴포넌트 박스 일단 완성했는데 그 다음은 어디서부터 해야할지 모르겠어서 막막함.  3. 내일 계획 - 오전에 슬랙에 있는 알고리즘 문제 풀기 (아침 9~10시)- 리액트 숙련 과제 더보기
240524 TIL 1. 오늘 한일 - 오전 : 알고리즘 시험, 알고리즘 시험 본 거 복습하며 회고 개인과제 어디서부터 손댈지 생각함 (알고리즘 하나만 통과해서 다른 테스트 케이스 통과 방법 찾다 한 시간 지남 ㄷㄷ) - 오후 ~ 저녁 : 하루종일 React 숙련과제 만들기 , 8시 반 이후 ~ TIL 작성   > 서브페이지 누르면 서브페이지가 나오게 연결, 수준별 학습 스탠더드 과제 때 해본 거상기시키면서 라우터 연결 성공 (React-router-dom 이용)> 위에 인풋은 HomInput.jsx 밑에는 Month.jsx 만들어서 Pages 폴더에 넣었음. > 배경은 전역 스타일링 이용 (서브페이지로 이동해도 배경색이 안 바뀌게)> 모든 스타일은 style-components    부가적인 연결이랑 이런 건 아직 안 했.. 더보기
240523 TIL 1. 오늘 한 일 - 알고리즘 문제 풀기-  React 숙련 과제  (처음에 경로 잘못 설정해서 다시 처음부터 필요한 패키지 깔고 초기세팅 완료했다)pages hooks components 폴더까지 만듦  모르는 개념은 찾아가면서 함 . 아직 안 보고 치는 경지까진 안 와서 구글링 or 강의자료 or AI로 개념 물어봄  App.jsx import { BrowserRouter as Router, Routes, Route, Link } from "react-router-dom";import "./App.css";import React from "react";import Home from "./Pages/Home";import SubPage from "./Pages/SubPage";import { creat.. 더보기
240522 TIL 1. 오늘 한 일  - 리액트 숙련 강의 듣기- 수준별 학습 (스탠더드)  > 라우터, useEffect 관련하여 배움  출처 - 챗 GPT리액트 라우터(React Router)는 React 애플리케이션에서 클라이언트 측 라우팅을 구현하기 위한 라이브러리입니다. 이는 SPA(Single Page Application)에서 페이지 간 전환을 처리하는 데 매우 유용합니다. React Router를 사용하면 URL에 따라 다른 컴포넌트를 렌더링 하고, 브라우저의 뒤로 가기/앞으로 가기 버튼을 지원하는 등, 전통적인 멀티 페이지 애플리케이션처럼 작동하는 사용자 경험을 제공할 수 있습니다. 2. 느낀 점  - 코딩 실력 부족하다는 걸 느껴서 치는 연습 많이 해야 할 것 같은데  과제도 시작 못했다. 솔직히 말하자.. 더보기
240521 TIL 1. 오늘 한 일  -  알고리즘 문제 풀기 (1시간) -  스파르타 코딩클럽 리액트 숙련 강의 시청-  자바스크립트 강의 시청-  수준별 학습 스탠더드 과제 후 제출 2. 느낀 점 -  처음 코드카타 했을 때는 기본적인 개념과 흐름을 몰라서 어려웠었는데 지금은 개념을 확인해 보고 복습하니Lv.0 문제는 풀 수 있게 되었다 . 내일도 파이팅- redux , memoization (memo, useCallBack, useMemo) , custom hooks. 등등 처음 듣는 개념들이 너무 많아혼란이 온다. 과제 아직 시작도 안 했는데 줄줄.. - 자바스크립트 5주 차 강의를 27일까지 들어야 돼서 쭈욱 흐름 읽는 방식으로 마무리함 - 리액트 개념 응용을 못하면 풀 수 없는 문제들이었다.. 못 푼 건 못 푼.. 더보기
240520 TIL 오늘의 공부 : 리액트 숙련 강의 들으며 차근차근 정리 중이다! 과제 전에 까먹으면 안 될 듯.. ㅠㅠ  useEffect import { useEffect, useRef, useState } from "react";import "./App.css";function App() { const [value, setValue] = useState(""); const [count, setCount] = useState(0); useEffect(() => { console.log("hello useEffect"); }, []); return ( useEffect { setValue(e.target.value); }} /> {c.. 더보기
240517 TIL 오늘 유효성 검사에 대해 정리해 보려고 한다. 어제 다른 분들 한 과제를 보면서 제목과 내용이 입력이 안되면 alert창이 뜨게 하는 것 ("제목과 내용이 입력되지 않았습니다.  제목과 내용을 입력해 주세요!")을 설정해 두셨다.나는 그냥 제목과 내용을 입력하면 그냥 제출만 되게 해 놨는데ㅠ  코딩과 react 공부하면서 용어에 대해 많이 알게 된다. 유효성 검사를 간과하고 흐름대로 코딩하는 습관을 고쳐야겠다.  ai 의지하지 않고 코딩 직접해보는 연습도 하고..  챗 GPT에서 말한 유효성 검사의 의미 유효성 검사(Validation)란 데이터나 입력값이 특정 기준이나 규칙에 따라 유효한지 여부를 확인하는 과정입니다. 주로 소프트웨어 개발, 데이터 처리, 웹 개발 등 다양한 분야에서 사용됩니다. 유효성.. 더보기
240516 TIL 오늘은 과제하면서 어려웠던 점과 극복했던 내용, 공부했던 내용까지 정리해 보려고 한다  개인과제 진행하고 느낀 건데 React 초심자에겐  이건 어떻게 구동되는 거지? 왜 이렇게 되는지? 이 함수를어떻게 해석하고 직접 쳐야 하는 건지 어려움을 뼈저리게 느꼈다. 내가 직접 해보고 아 이건 이렇게 되는구나!느껴보고 싶은데 쉽지 않다.. 기술의 힘을 빌리지 않고 내가 직접 칠 수 있을까에 대한 의문이 들었다.🙄 근데 기본 개념에 대해선 강의나 각종 학습 하면서 알게 된다.  어려웠던 점 첫 번째, 로컬 호스트가 닫히면 이 기능이 제대로 들어갔는지 모르고 보지 못하게 된다 그래서 yarn dev를 쓴 후 q로 안 나가면 닫히지 않는 이상 테스트 가능하다... 두 번째, css를 다르게 접근해야 한다. 그냥 r.. 더보기

티스토리툴바