전체 글409 [ 스파르타 / TIL ] 내일배움캠프 #31 오늘 한 것 알고리즘 문제 풀기 리액트 강의 보기 오늘의 배움 리덕스 시작하는 방법 npm init -y npm install redux import redux const redux = requier(‘redux’); store 만들기 데이터를 관리해준다. 관리하는 데이터는 리듀서 함수에 의해 결정된다. 리듀서 함수가 새로운 상태 스냅샷을 생성하기 때문이다. 리듀서는 액션이 도착할 때마다 새로운 상태 스냅샷을 뱉어낸다. 위의 코드를 실행하면 초기 상태를 출력해낸다. const store = redux.createStore(); 리듀서 함수 state(현재 상태)와 action을 기본값으로 받는다. 리덕스는 궁극적으로 리덕스 라이브러리에 의해 실행된다. 그리고 새로운 상태를 return 한다. 기존의 상태.. 2022. 12. 12. [ WIL ] 내일배움캠프 6주차 Facts 리액트 강의 수강. 앞전 팀원 분들과 시작한 알로리즘 스터디에서 함께 매일 알고리즘 문제 풀기. 주말에는 평일에 풀었던 문제 다시 복습했다. 개인 과제인 Todo list 만들기. 스파르타 리액트 강의 수강. Feelings 스파르타에서 Todo list를 구현하라는 과제를 줬을 때는 정말 못해 낼 것 같았다. 이제 강의를 제대로 듣기 시작한 지 2,3일 밖에 되지 않았고 이제야 component와 props가 잡히기 시작했다. 하지만 하루 종일 에러들을 하나씩 해결하고 출력해보면서 내가 원하는 기능들을 끝내 구현해냈다. 뿌듯했다! Findings 코드를 섰다면 주석을 달자. Future 유데미에서 수강 중인 리액트 강의 계속 수강 하기 스파르타 리액트 강의 수강 하기 알고리즘 스터디 팀원들과.. 2022. 12. 11. [ 프로그래머스 / Javascript ] OX퀴즈 https://school.programmers.co.kr/learn/courses/30/lessons/120907 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 설명 덧셈, 뺄셈 수식들이 'X [연산자] Y = Z' 형태로 들어있는 문자열 배열 quiz가 매개변수로 주어집니다. 수식이 옳다면 "O"를 틀리다면 "X"를 순서대로 담은 배열을 return하도록 solution 함수를 완성해주세요. 제한사항 연산 기호와 숫자 사이는 항상 하나의 공백이 존재합니다. 단 음수를 표시하는 마이너스 기호와 숫자 사이에는 공백이 존재하지 않습니다. 1 ≤ qui.. 2022. 12. 11. [ 프로그래머스 / Javascript ] 평행 https://school.programmers.co.kr/learn/courses/30/lessons/120875 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 설명 점 네 개의 좌표를 담은 이차원 배열 dots가 다음과 같이 매개변수로 주어집니다. [[x1, y1], [x2, y2], [x3, y3], [x4, y4]] 주어진 네 개의 점을 두 개씩 이었을 때, 두 직선이 평행이 되는 경우가 있으면 1을 없으면 0을 return 하도록 solution 함수를 완성해보세요. 제한사항 0 ≤ dots의 원소 ≤ 100 dots의 길이 = 4 dots.. 2022. 12. 11. [ 프로그래머스 / Javascript ] 가장 가까운 같은 글자 https://school.programmers.co.kr/learn/courses/30/lessons/142086 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 설명 문자열 s가 주어졌을 때, s의 각 위치마다 자신보다 앞에 나왔으면서, 자신과 가장 가까운 곳에 있는 같은 글자가 어디 있는지 알고 싶습니다. 예를 들어, s="banana"라고 할 때, 각 글자들을 왼쪽부터 오른쪽으로 읽어 나가면서 다음과 같이 진행할 수 있습니다. b는 처음 나왔기 때문에 자신의 앞에 같은 글자가 없습니다. 이는 -1로 표현합니다. a는 처음 나왔기 때문에 자신의 .. 2022. 12. 10. [ 스파르타 / TIL ] 내일배움캠프 #30 [기본값 설정해주는 방법] 오늘 한 것 알고리즘 문제 풀기 리액트 강의 보기 노트 정리 [ 프로그래머스 / Javascript ] 콜라츠 추측 https://school.programmers.co.kr/learn/courses/30/lessons/12943 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 codesign.tistory.com Redux Redux에는 데이터를 저장하는 store이 있다. 그리고 그 안에 reducer이 포함되어 있는 상태이다. store은 상태를 저장하는 장소이다. 이때 store에서 어떤 action을 일으킨다는 것은 dispatch라고 한다. reducer는 우리가 action을 일으키면 자동으로 실행된.. 2022. 12. 9. [ 프로그래머스 / Javascript ] 콜라츠 추측 https://school.programmers.co.kr/learn/courses/30/lessons/12943 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 설명 1937년 Collatz란 사람에 의해 제기된 이 추측은, 주어진 수가 1이 될 때까지 다음 작업을 반복하면, 모든 수를 1로 만들 수 있다는 추측입니다. 작업은 다음과 같습니다. 1-1. 입력된 수가 짝수라면 2로 나눕니다. 1-2. 입력된 수가 홀수라면 3을 곱하고 1을 더합니다. 2. 결과로 나온 수에 같은 작업을 1이 될 때까지 반복합니다. 예를 들어, 주어진 수가 6이라면 6 .. 2022. 12. 9. [ 스파르타 / TIL ] 내일배움캠프 #29 오늘 한 것 알고리즘 문제 풀기 리액트 강의 보기 노트 정리 [ 프로그래머스 / Javascript ] 문자열 내 p와 y의 개수 https://school.programmers.co.kr/learn/courses/30/lessons/12916 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 codesign.tistory.com useState 쓰는 방법 각각의 함수는 onChange가 일어나면 실행이 된다. 하지만 이 3개는 항상 한 번에 다 실행이 되기 때문에 한 번에 묶어줄 수도 있다. const ExpenseForm = () => { const [enteredTitle, setEnteredTitle] = .. 2022. 12. 8. [ 프로그래머스 / Javascript ] 문자열 내 p와 y의 개수 https://school.programmers.co.kr/learn/courses/30/lessons/12916 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 설명 대문자와 소문자가 섞여있는 문자열 s가 주어집니다. s에 'p'의 개수와 'y'의 개수를 비교해 같으면 True, 다르면 False를 return 하는 solution를 완성하세요. 'p', 'y' 모두 하나도 없는 경우는 항상 True를 리턴합니다. 단, 개수를 비교할 때 대문자와 소문자는 구별하지 않습니다. 예를 들어 s가 "pPoooyY"면 true를 return 하고 "Pyy"라.. 2022. 12. 8. 이전 1 ··· 12 13 14 15 16 17 18 ··· 46 다음 728x90