분류 전체보기

json-server 커스텀하기

json-server 커스텀이 필요했던 이유 react를 redux-toolkit을 공부하면서 간단하게 crud를 실습해야했기 때문에 간단하게 json-server를 이용하기로 했다. json-server에서 지원해주는 기능으로 간단한 crud는 손쉽게 이용할 수 있다. 필요한 것도 db로 필요한 것도 json파일 하나 뿐이기 때문에 어려울 것이 없다. 당연하게도 이 간단한 기능에는 한계가 있었는데 GET으로는 read만 가능하고 POST로는 생성만 가능했던 것. 그게 왜 문제냐고 할 수 있는데, 비밀번호가 맞는지 확인한다고 하면, GET 방식으로 query string에 비밀번호를 넣어서 보내야하는 치명적인 문제점이 발생하게 된다. (물론 실습이니까 그냥 넘어갈 수도 있었는데 용납할 수가 없었다.) 사..

[Javascript] 모듈 기능으로 살펴보는 자바스크립트

자바스크립트는 웹의 보조적인 기능을 수행하기 위해서 설계되었다는 태생적인 한계 때문에 모듈 기능을 지원하지 않았습니다. 모듈 기능을 지원하지 않는다는 뜻은 각각의 파일들이 독자적인 스코프를 가지고 있지 않고 동일한 전역 객체를 공유하고 있다는 뜻입니다. 그렇기 때문에 전역변수의 사용을 상당히 조심했어야 했습니다. foo.js와 bar.js에서 동일한 전역 변수를 선언했다면, foo의 변수가 bar의 변수로 재정의되면서 foo의 파일이 의도대로 동작하지 않는 문제가 발생하게 됩니다. 시간이 흘러서, 모듈 지원을 해결하기 위해서 CommonJS와 AMD 진영으로 나뉘게 되었고, ES6에 이르러서 module 기능은 표준화가 되었습니다. script 태그에 type="module" 어트리뷰트를 추가하면 로드된..

[항해99] 5주차 React 심화 회고

👀TIL 모아보기 더보기 [TIL] 저도 대충하고 싶은 날이 있다구요 리액트 심화 주차 시작 학습 목표 능력 리덕스 미들웨어를 활용할 수 있다. 미들웨어를 활용해 비동기 처리를 할 수 있다. 프론트엔드 성능 최적화에 활용할 수 있는 React hook을 숙지하고 있다. synuns.tistory.com [TIL] 시차 적응 중입니다 알고리즘 문제풀이 programmers / level2 / 올바른괄호 GitHub - synuns/algorithm-study: 코딩 테스트 문제 풀이 및 알고리즘 공부 저장소입니다. 코딩 테스트 문제 풀이 및 알고리즘 공부 저장소입니다. Contribu synuns.tistory.com [TIL] 서로 맞춰가는 건 어려운 거야 📝알고리즘 문제 풀이 programmers / ..

[TIL] 준비 땅

📝알고리즘 풀이 programmers / level2 / 최솟값 만들기 GitHub - synuns/algorithm-study: 코딩 테스트 문제 풀이 및 알고리즘 공부 저장소입니다. 코딩 테스트 문제 풀이 및 알고리즘 공부 저장소입니다. Contribute to synuns/algorithm-study development by creating an account on GitHub. github.com 쉬운 손풀기 1점 문제 🔮미니 프로젝트 git remote branch 가져오기 // 원격 브랜치에 접근해 git remote를 업데이트 $ git remote update // 원격 저장소 브랜치 리스트 보기 $ git branch -r // 원격 저장소의 브랜치를 가져오면서 브랜치 이동 $ git ..

[TIL] 이걸 몰라서 기획을

미니프로젝트 주차 시작 아니 어제 밤까지 안쉬고 달렸는데 또 시작이야...? 🌊프로젝트 기획 간단한 crud 기능을 이용해서 프로젝트를 기획했다. 취준생이나 사회 초년생들을 위한 부동산 커뮤니티를 주제로 잡았다. 오늘의 집을 모티브로 삼아서 프로젝트 타이틀을 모두의 집으로 선택했고 따뜻한 느낌을 주기 위해서 따뜻한 느낌의 핑크색을 포인트 컬러로 잡았다. 테마는 집이기 때문에 게시글도 집처럼 색다르게 기획을 해보았다. ℹ️프로젝트 Info 모두의 집 와이어프레임 Figma Created with Figma www.figma.com 프로젝트 organization modu-house 항해99 10기 미니프로젝트 모두의 집. modu-house has 2 repositories available. Follow..

[TIL] 안되면 되게하라

💎프로젝트 마무리 프로젝트를 진행하면서 json-server의 기본 기능으로는 할 수 없는 기능이 있어서 json-server를 커스텀해야할 일이 생겼다. 안되면 되게하라 json-server 커스텀하기 json-server 커스텀이 필요했던 이유 react를 redux-toolkit을 공부하면서 간단하게 crud를 실습해야했기 때문에 간단하게 json-server를 이용하기로 했다. json-server에서 지원해주는 기능으로 간단한 crud는 synuns.tistory.com 비동기처리된 코드 이후에 setState를 해주었는데 통신에 분명 문제가 없는데 값이 저장되지 않는다. 찾아보니 useState는 비동기로 동작한다고 한다... 그래서 렌더링이 필요한 데이터도 아니고 해서 변수로만 설정해서 해결..

[TIL] 아, 아니 이미 왔구나

📝알고리즘 문제 풀이 programmers / level2 / n^2배열 자르기 GitHub - synuns/algorithm-study: 코딩 테스트 문제 풀이 및 알고리즘 공부 저장소입니다. 코딩 테스트 문제 풀이 및 알고리즘 공부 저장소입니다. Contribute to synuns/algorithm-study development by creating an account on GitHub. github.com 효율성을 위해서 논리적인 사고가 조금은 필요한 문제 대놓고 문제 해설처럼 배열을 만들어버리면 실행 시간 초과로 해결할 수 없는 문제 🤼‍♀️자바스크립트 스터디 [Javascript] 모듈 기능으로 살펴보는 자바스크립트 자바스크립트는 웹의 보조적인 기능을 수행하기 위해서 설계되었다는 태생적인 한..

[TIL] 다 해내지 못한 일에 대한 미련 버리기

🎙오전 "어떤 개발자가 좋은 개발자인가?" 세션 짧은 정리 귀한 엔지니어의 능력 사고력 + 구현력 + 소통력 (나중으로 가면 갈수록 특히나 소통력이 중요함!) 사고력 문제 해결에 대한 접근 방법이 중요함 그러기 위해서는 충분히 생각해보는 시간이 필요함 (생각하지 않고바로 구글링해보기 x) ex) 1pixel는 몇 bit일까? 내가 해결할 수 있다는 믿음이 근본적으로 필요 소통력 설득할 준비보다 멋진 것은, 설득당할 준비를 하는 것 소통하고자 하는 열린 마음이 필요함 기대를 안했지만 생각보다 너무 좋았던 세션 생각해볼 내용이 정말 많았다. 📝알고리즘 문제 풀이 programmers / level2 / 다음 큰 숫자 GitHub - synuns/algorithm-study: 코딩 테스트 문제 풀이 및 알고리..