치춘짱베리굿나이스

코드리뷰 코드리뷰 #1 (내코드) readme 리드미만 보면 전교1등이다 (ㅋㅋㅋㅋ) 하이테크 볼펜 20개씩 있을것같다 얼마나 타자를 열심히 쳤으면 손가락이 ㅋㅋ 와 ㅋㅋ 검색어 없을 때 불필요한 API 요청 없애기 export const MovieListContainer = () => { const res = fetchWrappedMovieData(setValue, 1); // 이 부분 때문에 컴포넌트가 로딩될 때마다 검색어가 없어도 값을 fetch한다 .. } 페이지 리렌더링할 때마다 불필요하게 API 요청이 한번씩 더 들어간다 조건문 등을 이용해서 검색어가 없을 땐 API 요청을 없애자 서버가 헛수고하잖어!! 드래그앤 드랍 할 때 내부 문자열 긁히는 거 막기 user-select: none; CSS..

그룹과제 #2 시작 공식적인 내생각 새로운 과제가 시작되었다 여전히 파트분배는 어렵다... 그리고 이번에도 API 명세는 해괴하다 일단 오늘은 정리해야할 내용이 많아서 간단하게 axios로 데이터 fetch만 해 봤는데 response로 들어오는 data 객체에서 우리가 써야 할 정보가 깊이 5 안쪽에 있다 심지어 느려... JSON 파일을 주는 이유를 알 것 같았다 리액트 쿼리랑 리덕스 툴킷 위주로 공부하고 fetch api 함수를 어떻게 잘 다듬을지 고민해봐야겠다 오늘 정리한 강의 과제하느라 얼레벌레 시간보내다가 제대로 정리를 이제야 했다 (반성) 실시간으로 들을땐 진행속도가 빨라서 어버버하다 키워드만 적어놨었는데 진작에 미리 정리하고 개인과제했으면 과제 퀄리티 좀 올라갔을듯 220510 코드리뷰 2..

날씨 앱 서론 자기 코드에 자만심갖거나 쪽팔려하지 말자 ⇒ 발전이 없다 공식문서 신경 많이 쓰기 린터는 절대 끄지마세요 날씨앱 만들기 키값 보관하기 - 환경변수 REACT_APP_[변수명]=[변수값] REACT_APP_API_KEY=12345678 키값 털리면 API 리밋에 걸리거나 돈이 마구 나갈 위험이 있음 깃허브에 올리지 않도록 하기 위해 .env 파일 등에 넣는다 위의 형식으로 .env 파일을 저장하면 process.env.REACT_APP_API_KEY 와 같은 식으로 환경변수를 사용할 수 있다 CRA로 생성한 프로젝트는 변수명 앞에 접두사로 REACT_APP_을 붙여줘야 인식함 NavLink 사용하여 내비게이션 바에 링크 달기 ... cx({ [styles.isActive]: isActive ..

각잡고 정리하다가 조금 오래걸렸다... 서론 린터, 프리티어 절대 끄지 마시오 빨갛게 노랗게 뜨면 다 0점 드리겠습니다 린터와 타입스크립트가 50% 이상 들어간다 코드리뷰 중요 11년차와 1년차의 차이: 삽질을 먼저 해봤느냐 처음해보느냐의 차이 타입스크립트 샘플 참고해가면서 사용하세요 초대손님 환영합니다 코드리뷰 코드리뷰 #1 Readme 꼼꼼히 적기 CRA 디폴트 리드미 사용하지 말고 프로젝트 개요나 설명 등을 적어놓기 폴더구조 같은 걸 첨부하면 코드 읽기에 더 좋다 Router 폴더명 Router는 폴더명 소문자로 해놓는 게 좋다 그리고 파일 하나밖에 없는 상태니까 그냥 폴더로 만들지 말고 파일 하나로 빼자 (router.tsx) 폴더 구조 컴포넌트 이름을 제외하고는 파일명은 어지간하면 다 소문자로 ..

개인과제 #1 종료 https://github.com/chichoon/wanted-movie-app GitHub - chichoon/wanted-movie-app: 원티드 프리온보딩 개인과제 #1 영화 검색 앱 원티드 프리온보딩 개인과제 #1 영화 검색 앱. Contribute to chichoon/wanted-movie-app development by creating an account on GitHub. github.com 공식적인 내생각 어지간한건 어제 완성을 해놨어서 오늘은 라이브러리 위주로 정리하고 리드미 작성했다 깃허브 페이지로 배포하려 하니 하위 링크에서 404 에러가 걸려버려서 찾아보니 깃허브 페이지는 싱글페이지 어플리케이션 지원을 안 해서 그런 것이었다 404 리디렉션용 html 파일이..

문제 사파리월드는 인터넷으로만 존재하는 미스테리한 나라이다. 사파리월드에는 2개의 서브도메인이 seunghwan.royal.gov.sw와 kyuhyun.royal.gov.sw 이 있는데, 이것이 couple.royal.gov.sw으로 합쳐질 것이다. 그러나 도메인 관리 센터 SWNIC(센터장: 김동규)에는 엄격한 룰이 있다. 두 서브도메인을 합칠 때, 유명도의 차이가 너무 차이나지 않을 경우에만 두 서브도메인을 결혼시키는 것이다. 서브도메인의 유명도는 정수이다. 두 서브도메인의 유명도가 주어졌을 때, 그 차이를 구하는 프로그램을 작성하시오. 입력 첫째 줄에 두 도메인의 유명도 N과 M이 주어진다. (-2,000,000,000 ≤ N, M ≤ 2,000,000,000) 출력 첫째 줄에 두 유명도의 차이 (..

삼각형 만들기 문제 세준이는 N개의 빨대를 가지고 있다. N개의 빨대 중에 3개의 빨대를 선택했을 때, 이 빨대로 삼각형을 만들 수 있다면, 세 변의 길이의 합의 최댓값을 구하고 싶다. 입력 첫째 줄에 빨대의 개수 N이 주어진다. N은 3보다 크거나 같고, 1,000,000보다 작거나 같은 자연수이다. 둘째 줄부터 N개의 줄에 빨대의 길이가 한 줄에 하나씩 주어진다. 빨대의 길이는 1,000,000보다 작거나 같은 자연수이다. 출력 첫째 줄에 삼각형 세 변의 길이의 합의 최댓값을 출력한다. 만약 삼각형을 만들 수 없으면 -1을 출력한다. 풀이 const triangle = () => { let [n, ...arr] = require("fs") .readFileSync("/dev/stdin") .toStr..

1, 2, 3 더하기 문제 정수 4를 1, 2, 3의 합으로 나타내는 방법은 총 7가지가 있다. 합을 나타낼 때는 수를 1개 이상 사용해야 한다. 1+1+1+1 1+1+2 1+2+1 2+1+1 2+2 1+3 3+1 정수 n이 주어졌을 때, n을 1, 2, 3의 합으로 나타내는 방법의 수를 구하는 프로그램을 작성하시오. 입력 첫째 줄에 테스트 케이스의 개수 T가 주어진다. 각 테스트 케이스는 한 줄로 이루어져 있고, 정수 n이 주어진다. n은 양수이며 11보다 작다. 출력 각 테스트 케이스마다, n을 1, 2, 3의 합으로 나타내는 방법의 수를 출력한다. 풀이 const onetwothree = () => { let [n, ...input] = require("fs") .readFileSync("/dev/..