아 개어려웠쥬?스파르타 웹개발 강의마저 나한텐 넘 어려웠는데 첨보는 jinja2 니 뭐시기 그런거로 바꾸라니까예???그래도 팀원분이랑 다른조에 똑똑하신분이 잘 알려주셔셔 다행이다ㅎㅎㅎㅎeverybodysalad.shop이거다...후로그인 기능/ 회원가입/ 아이디 중복검
부트캠프 시작한지 3일됫는디 너무 기초적인거 마저 몰라서 물어보기 민망하다.헿
앞으로 2주간은 알고리즘문제만 푸는 시간을 갖는데 2주동안 40문제라도 풀수 있을까 걱정이 크다1\. https://www.acmicpc.net/problem/108692\. https://www.acmicpc.net/problem/25883\. ht
https://www.acmicpc.net/problem/2588백준 알고리즘에서 입력받은 3자리 정수를 자릿수 분리해서 더하고 지지고 볶고 하는건데자릿수 분리 저거 생각해내는데 한나절 썼다... 알아낸게 어딘겨ㅠ 뿌듯a = int(input())b = int
https://www.acmicpc.net/problem/2884https://www.acmicpc.net/problem/1110알람설정 문제는 Hour, Minute 범위 설정해서 뚝딱 풀수있었다 한 3시간?while True: 이게 왜이렇게 해석
https://www.acmicpc.net/problem/2941https://www.acmicpc.net/problem/4673https://www.acmicpc.net/problem/1316(테스트 케이스의 개수 C가 주어진다.)c = i
https://www.acmicpc.net/problem/2839상근이는 요즘 설탕공장에서 설탕을 배달하고 있다. 상근이는 지금 사탕가게에 설탕을 정확하게 N킬로그램을 배달해야 한다. 설탕공장에서 만드는 설탕은 봉지에 담겨져 있다. 봉지는 3킬로그램 봉지와 5
https://www.acmicpc.net/problem/1436백준 알고리즘 1436번n = int(input())종말 = 0cnt=0while True: if '666' in str(종말): cnt+=1 if cnt == n:
https://www.acmicpc.net/problem/1010다리놓기 문제팩토리얼에 관한 수식만 안다면 풀수있는 문제였다!파이썬 코딩은 아래와 같다def factorial(n): if n==0 or n==1: return 1 el
https://www.acmicpc.net/problem/9461스터디 그룹원에게 내가 설명한 문제였다문제 이해부터 어려웠어서 하루가 넘는 시간동안 검색하고 찾아보고 결국 답보고 푼 문제다a = 0 for i in range(101)a1 = 1a2 = 1a3
알고리즘 풀다가 몸에 쥐날거같아서 리액트 주특기를 준비하는 셈치고자바스크립트 기초강의 듣는걸 코드잇에서 39,800원 주고 시작했다.부캠에 큰돈 내고 강의 듣는데 또 돈쓰는...구구단 만드는거도 헷갈렸다for(let i = 0; i <10; i++){ for (l
내 주특기인 프론트엔드 시작한날이다.스파르타코딩클럽 프론트엔드 리엑트 강의 1주차 강의 다 듣고 제출하는거까지가 오늘 당장의 과제였다ㅏㅏ,,,Component를 만드는 js파일을 따로 하나씩 만들고 component를 만드는 class형, 함수형 두개를 갖고 만들었다.
JSX ???HTML을 품은 JS === JSX !!!일단 리액트 가장 시작 단계이부분은 많이써서 외워두는게 좋을거같다import React from 'react'import logo from './logo.svg';import './App.css';import Sta
컴포넌트 js파일 만들고 rafce 단축키 입력하면import React from 'react'const Start = () => { return (}export default Start함수형 컴포넌트 틀이 땋!꿀...함수 이름이랑 export 이름만 바꿔서 바로
리액트라는걸 공부하기 시작한지 이제 3일째 되는날이고 예습은 물론이거니와 복습도 못하고있어서 개념정리 잘 안잡히는 중이다import TinderCard from "react-tinder-card";틴더카드라는 내장함수의 기능은 어플에서 한 div나 h, p 뭐 등등을
틴더카드........증멜 많이 쓸 기능이라 생각되는데if (idx === num) { return ( <TinderCard onSwipe={onSwipe}
라우팅 = Router 를 말하기전에,Single Page Application !! 즉, SPA를 알아야한다.단어 처럼 증멜 간단하다. 서버에서 주는 html이 하나뿐인 어플리케이션이다!딱 한번만 정적자원을 받아 오기만 하면 되는거고 사용성이 매우좋다.페이지를 이동할
리덕스 하다가 울었다 속터져서아아 Evbodyyy attention plz...내가 이해한 리덕스 설명할텡께각각의 컴포넌트js들은 부모js한테 데이터를 받는데부모한테 데이터를 받은 컴포넌들 끼리는 그 데이터들을 서로 공유할 수 가없는데그걸 할수있게하는게 리덕스다전역 상
리덕스.이거 바로 전에 썼던 TIL에서 리덕스에 관해 아ㅏㅏ주 간략하게 써봤었다.상태관리를 쉽게하기 위해 데이터들을 Store에 모아두고 그 데이터들을 필요로 하는 컴포넌트에 주는 그런걸로 난 간단하게 이해했다.근데 그 과정 중간에 리덕스 텅크 라고 중간과정을 또 넣을
목적 불변성 유지를 쉽게(?) 하는데 사용합니다.리듀스에서 새로운 State를 리턴해줄 때, 불변성 유지를 위해 스프레드(...state)를 사용하거나 또는 map, concat, filter 등을 사용하였는데, Immer를 사용하면 push 같은 것을 그냥 사용해도
나 진짜 아무것도 이해가 안간다 그냥 코딩쇼 받아쓰기한다랄까이느낌밖에 안들어서 아 일단 기초를 좀 닦고 부트캠프를 해야 효율을 높일 수 있겠는데??라는 생각이 많이 들어서리액트 튜터님이랑 매니저님이랑 면담을 했다.아니 튜터님 매니저님!저는 아무것도 이해도 안되고 머리에
앞서 말했던 리덕스 아직도 잡고 늘어져있는중이다아무래도 리덕스는 알고 넘어가야하는거 같기에...리덕스에서 덕스구조를 이용해서 하는중이다action 선언 => action생성 => 초기값 설정 => 리듀서 만들기..일단은 리듀서를 case/ switch 문을 이용해서 만
Redux에 관해 쓰는거 진짜 마지막.최.최.최종리듀서 만드는거에 있어서 case/switch문을 사용하는거는 익숙해 졌으나 불변성유지를 위해 사용하는 immer를 갖고하는게 코드작성에 있어 더 간편하다하여 이거를 공부했다export default handleActio
리덕스 하기전에 알고 있었어야 할 내용이라 생각되지만 맨날 복붙 해서 쓰다가 이번에 완전히 이해할 수 있어서 적어본다useState 즉, state값 갖고와서 쓴다는 뜻!값을 수정해야 하는 경우 함수형 컴포넌트에서 상태를 관리할 때 사용한다.한개의 useState는 한
리덕스를 배운 당신이걸 모른다면 리덕스를 모르는거다.useSelector리덕스 스토어의 상태를 조회하고 싶을 때 사용하고, 만약 상태가 바뀌지 안았으면 리렌더링하지 않는 그런거당아래처럼 사용한다.const todos = useSelector(state => state.
진짜.최종.마지막.final.최.최종함수형 컴포넌트에서 상태를 관리할 때 사용한다. (즉, 값을 수정해야 하는 경우)useState는 한개의 상태 값만 관리할 수 있어 여러개 관리해야 하면 여러개 useState 사용사용법리액트 컴포넌트가 렌더링 될 때마다 특정 작업을
CRUD 연습하는데Delete를 리덕스에서 어떻게 구현해야하는지 모르겠어서 한참을 헤맸다우선 생각해본 방법은현재 있는 id값과 다른 id 값들만 return하면 되지안을까했는데 구현을 못했고 친구찬스로 splice 써보라해서 부랴부랴 알아봤다splice() 메소드는 배
재정비반을 끝마치고 클론코딩을 하는 한 주가 시작됬다👩🏽🌾우리조는 벨로그 사이트를 클론 하기로..조원은 4명프론트 2명🧒🏾👦 + 백엔드 4명👨🏼👱♀️재정비반 말고 미니프로젝트로 1주를 보낸사람은 백엔드와 프론트 서버 연결하는라는 거를 썻다는거에 많이
Detail Page를 작성하는 데 있어서 필요한 Component들이 자꾸 생겨난다나름 어떤 Component가 필요한지 나누긴했는데 은근 기능이많다.지금은 댓글부분 구현하고 있고 댓글에 댓글까지 다는, 또 수정, 좋아요 등등에 대한 뷰 잡고있다마우스 커서를 올리면
사실은 어제 백엔드랑 프론트 연결을 좀 시도해보자 를 목표로 작업을 한거지만 내 뷰잡는거도 좀 느리고?API받아서 이제서야 하는데 이거 어케 쓰는거야 대체 왜 사람들마다 쓰는 스타일이 다른건지이거 연결하는데 12시간 쓴거 자랑~🤹🏽♂️🧏🏽♂️🧏🏽♀️그래
리덕스 이거 진짜 plz... Make me to understand 'bout Redux 구걸하고 다니면서 이해한지 얼마나 됬다고 리덕스 변형버전 createSlice를 쓰게됬다 🤷🏽♀️👩🏽🦼액션과 리듀서를 한번에 작성하라는건데 일단 뭐 다들 이거 쓰는
.....다고 말하기에는 아직 너무 능숙하지못하다 근데 그나마 젤 낫당ㅎㅎ눈으로 바로바로결과가 보이니께오늘은 겨우겨우 연결했던 서버로 받은 데이터를 알맞은 뷰에 잘 들어오나 다 맞춰보고 제출을 위한 마무리를 했다각각의 데이터들을 각각의 포스트카드들로 넣어야해서 map돌
API(Application Programming Interface 애플리케이션 프로그래밍 인터페이스내 프론트 웹이랑 백엔드분들이 만들어준 서버랑 연결하는걸 했다사실 어제부터 했다코딩코딱지 김정후라서 헤맸다😵우선 최종프로젝트인 유학/교환학생 갤러리 웹에서 게시글 목록
실전프로젝트에서 우리 리액트 팀원 3명은상태관리를 리덕스 툴킷으로 하기로 했다설치yarn add redux react-redux @reduxjs/toolkitcreateStore로 store를 생성하고, configureStore로 간단하게 store 세팅을 할 수 있
컴포넌트에서 state와 action 사용하기React Hooks를 사용하여 react-redux의 useSelector와 useDispatch로 간단하게 state와 action에 접근할 수 있다.비동기 처리하기redux store 자체적으로는 비동기 처리를 하지 못
실전 프로젝트진행에 있어 대략적인 기능 구현을 우선적으로 하고나서프레임워크 따라 CSS를 잡아보는 날이였다우선적으로 컨텐츠의 번호와 제목등을 map돌리고 담은 박스를 메인 페이지 표시하기위해BordBox라는 이름으로 컴포넌트를 만들었다다른 리액트팀원이 grid-temp
일단 스타일 컴포넌트 다 알것지만 사용방법은const 스타일컴포넌트이름 = styled.태그명\`여기에스타일지정'(\`)으로 스타일속성을 묶어준다styled 를 import하여 사용한다render 메서드 밖에서 선언!그리고 스타일속성 : ${props => props.