본문 바로가기
300x250

코드스테이츠36

오류 해결 - Warning: Can't perform a React state update on an unmounted component. 이번 ha2 시험에서 다음과 같은 오류들을 만났다. 섹션투를 두번을 들었지만 그때도 지금도 해결하지 못하다가 시험중에 계속된 구글링으로 결국 찾아냈다. Warning: An update to App inside a test was not wrapped in act(...). When testing, code that causes React state updates should be wrapped into act(...): act(() => { 블라블라블라~~~ Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application.. 2021. 7. 19.
코드스테이츠 섹션2 ha후기_기수이동은 어땠나 기수이동을 하고 벌써 5주가 지났다. 다시한번 ha시험을 보았고 이번 결과는 합격으로 섹션3로 가게 되었다. 이번에 기수이동되어 지냈던 5주간의 리뷰를 해보려고한다. 1주차 1주차 때 가장 중점적으로 두었던 것은 자료구조와 알고리즘 문제풀이였다. 저번 기수때는 알고리즘 코플릿 13문제중 6문제를 제외하고 어려워서 손도 대지 못했었다. 5주+ 1주차를 지나면서 경험치가 쌓였다는 생각이 들 정도로 문제를 풀 수 있게 되었고, 아직 어려워하는 스터디원에게 섹션투에 있는 코플릿 문제들은 설명을 할 수 있을 정도도 되었다. 2, 3주차 2주차에는 http기초에 대해 배우면서 서버와 요청과 응답이 어떻게 보내지게 되는지 다시 배웠다. 했던거지만 다시 보니 새로웠고 전보다 코드가 깔끔해지는 경험을 했다. 이번 섹션투.. 2021. 7. 19.
[프로그래머스 3단계] 연결된 정점드 with 자바스크립트(깊이 우선 탐색(DFS)) 문제설명 네트워크란 컴퓨터 상호 간에 정보를 교환할 수 있도록 연결된 형태를 의미합니다. 예를 들어, 컴퓨터 A와 컴퓨터 B가 직접적으로 연결되어있고, 컴퓨터 B와 컴퓨터 C가 직접적으로 연결되어 있을 때 컴퓨터 A와 컴퓨터 C도 간접적으로 연결되어 정보를 교환할 수 있습니다. 따라서 컴퓨터 A, B, C는 모두 같은 네트워크 상에 있다고 할 수 있습니다. 컴퓨터의 개수 n, 연결에 대한 정보가 담긴 2차원 배열 computers가 매개변수로 주어질 때, 네트워크의 개수를 return 하도록 solution 함수를 작성하시오. 주의사항 컴퓨터의 개수 n은 1 이상 200 이하인 자연수입니다. 각 컴퓨터는 0부터 n-1인 정수로 표현합니다. i번 컴퓨터와 j번 컴퓨터가 연결되어 있으면 computers[i.. 2021. 7. 5.
코드스테이츠 12주차리뷰 한번의 기수이동으로 섹션투에서 2주가 지났다. 지금까지 토이문제도 끝까지 못풀더라도 시간맞춰 제출하고 있고, 일정에 맞게 스프린트를 잘 진행하고 있다. 공부 외적으로 지금은 알고리즘 공부를 위해 스터디도 시작하여 프로그래머스 1단계 문제들을 풀었다. 확실히 스터디가 있어서 그런지 강제적으로라도 하게 되어 공부가 된다. 스터디 외에도 예전에 페어했던 분과 함께 토요일마다 스터디처럼 줌으로 만나 조금은 난이도가 있는 문제를 풀어나가고 있고, 첫페어였던 형과도 계속연락하며 서로에게 도움이 될만한 정보를 공유하고 있다. 이번 주에 공부하며 약간 위축되었다. 정말 이대로 괜찮은가?라는 생각을 했다. 나름 열심히 하고 있다고 생각했는데, 다들 하는거 보면 정말 열심히 하는게 느껴진다. 알고리즘 문제를 같이 풀고 있.. 2021. 6. 28.
동기(Synchronous)vs비동기(Asynchronous), block과 non-block 개념정리 동기(Synchronous) 위의 그림처럼 하나의 task가 끝났을때 다음 task를 진행할 수 있다. 작업 요청을 했을 때 요청의 결과값(return)을 직접 받는 것이다. 요청의 결과값이 return값과 동일하다. 호출한 함수가 작업 완료를 신경 쓴다. 설계가 매우 간단하고 직관적이라는 장점이 있지만, 요청에 따른 결과가 반환되기 전까지 아무것도 못하고 대기해야하는 단점도 있다.. 비동기(Asynchronous) 여기도 역시 위의 그림을 보면 동기와는 반대로 여러개의 태스크를 동시에 처리할 수 있다. 작업 요청을 했을 때 요청의 결과값(return)을 간접적으로 받는 것이다. 요청의 결과값이 return값과 다를 수 있다. 해당 요청 작업은 별도의 스레드에서 실행하게 된다. 콜백을 통한 처리가 비동기.. 2021. 6. 24.
[프로그래머스 2단계 문제] 기능개발 문제설명 프로그래머스 팀에서는 기능 개선 작업을 수행 중입니다. 각 기능은 진도가 100%일 때 서비스에 반영할 수 있습니다. 또, 각 기능의 개발속도는 모두 다르기 때문에 뒤에 있는 기능이 앞에 있는 기능보다 먼저 개발될 수 있고, 이때 뒤에 있는 기능은 앞에 있는 기능이 배포될 때 함께 배포됩니다. 먼저 배포되어야 하는 순서대로 작업의 진도가 적힌 정수 배열 progresses와 각 작업의 개발 속도가 적힌 정수 배열 speeds가 주어질 때 각 배포마다 몇 개의 기능이 배포되는지를 return 하도록 solution 함수를 완성하세요. 주의사항 작업의 개수(progresses, speeds배열의 길이)는 100개 이하입니다. 작업 진도는 100 미만의 자연수입니다. 작업 속도는 100 이하의 자연수.. 2021. 6. 21.
[알고리즘] 체육복_프로그래머스 1단계 문제설명 점심시간에 도둑이 들어, 일부 학생이 체육복을 도난당했습니다. 다행히 여벌 체육복이 있는 학생이 이들에게 체육복을 빌려주려 합니다. 학생들의 번호는 체격 순으로 매겨져 있어, 바로 앞번호의 학생이나 바로 뒷번호의 학생에게만 체육복을 빌려줄 수 있습니다. 예를 들어, 4번 학생은 3번 학생이나 5번 학생에게만 체육복을 빌려줄 수 있습니다. 체육복이 없으면 수업을 들을 수 없기 때문에 체육복을 적절히 빌려 최대한 많은 학생이 체육수업을 들어야 합니다. 전체 학생의 수 n, 체육복을 도난당한 학생들의 번호가 담긴 배열 lost, 여벌의 체육복을 가져온 학생들의 번호가 담긴 배열 reserve가 매개변수로 주어질 때, 체육수업을 들을 수 있는 학생의 최댓값을 return 하도록 solution 함수를 .. 2021. 6. 20.
코드스테이츠 11주차지만 6주차리뷰 - 기수이동 후 첫 주 섹션 투에서 기수이동되고나서 첫주가 흘렀다. 기수이동 되었을 때 약간의 충격을 받았던거와 달리 한주가 지나고 나서 이 글을 쓰는 지금, 기수이동 된 것에 굉장히 만족하고 있다. 그 이유는 자료 구조의 그래프와 트리를 조금은 이해할 수 있게 되었다. 기수이동 전 섹션투를 진행했을 때 자료구조 부분에서 나는 문제를 포기했었다. 13개의 스택, 큐, 트리, 그래프 문제가 있었고, 그 중에 나는 6개의 문제를 포기했었다. 레퍼런스는 봐도 이해 안되고, 뭔 소린지 도통 모르겠어서,,, 멘탈 붕괴 직전까지 가서 내가 싫었다ㅋㅋㅋㅋ 그냥 넘어가서 섹션쓰리를 배웠다면 오히려 더 고생했을거다. 두번째인 지금은 문제를 이해하고, 페어와 코드로 구현하고 반복하여 내것으로 만들었다. 다른 페어분도 도와줄 수 있을 정도로 문제.. 2021. 6. 20.
[알고리즘 문제풀이]올바른 괄호_프로그래머스 2단계 문제 문제설명 괄호가 바르게 짝지어졌다는 것은 '(' 문자로 열렸으면 반드시 짝지어서 ')' 문자로 닫혀야 한다는 뜻입니다. 예를 들어 "()()" 또는 "(())()" 는 올바른 괄호입니다. ")()(" 또는 "(()(" 는 올바르지 않은 괄호입니다. '(' 또는 ')' 로만 이루어진 문자열 s가 주어졌을 때, 문자열 s가 올바른 괄호이면 true를 return 하고, 올바르지 않은 괄호이면 false를 return 하는 solution 함수를 완성해 주세요. 주의사항 문자열 s의 길이 : 100,000 이하의 자연수 문자열 s는 '(' 또는 ')' 로만 이루어져 있습니다. 입출력예시 코드 function solution(str){ let answer = true; let stack = []; if(str[.. 2021. 6. 20.
반응형