시리즈 5번째 글입니다. 이번에는 컴포넌트에 정보를 넘겨주는 방법을 알아볼 예정입니다. https://chanhuiseok.github.io/posts/react-4/ [React] React의 컴포넌트(Component) - 함수형, 클래스형 컴포넌트 컴퓨터/IT/알고리즘 정리 블로그 chanhuiseok.github.io https://chanhuiseok.github.io/posts/react-5/ [React] React의 props 설정하기 컴퓨터/IT/알고리즘 정리 블로그 chanhuiseok.github.io 위 링크를 참조했습니다. Component 시리즈 3강 에서 말씀드렸던 Components 에 대한 개념을 우선 먼저 짚고 넘어갈께요. 컴포넌트는 3강에서 말씀드린대로 리액트를 이루는 ..
시리즈 네번째 글입니다. 이번엔 지난번에 만들어둔 컴포넌트를 이동할 수 있는 방법을 알아보겠습니다. https://velog.io/@kwonh/React-react-router-dom-%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0 [React] react-router-dom 시작하기 안녕하세요이번 포스팅은 SPA앱을 만들 때 많이 사용되는 react-router-dom패키지에 대해 알아보겠습니다.create-react-app을 이용해 진행했습니다.react-router - 웹&앱react-router-dom - 웹react-router-native velog.io 위 링크를 참고하였습니다. Link Link 태그는 HTML에서의 a 태그와 같은데요, to 옵션에 붙은 URL로 이동할 ..
시리즈 세번째 글입니다. 이번엔 각 페이지별로 [보드, 로그인, 회원가입, 로그아웃] 의 기능을 각각 나누기 위해 리액트에서 각 페이지를 나누는 방법을 알아보겠습니다. https://velog.io/@kwonh/React-react-router-dom-%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0 [React] react-router-dom 시작하기 안녕하세요이번 포스팅은 SPA앱을 만들 때 많이 사용되는 react-router-dom패키지에 대해 알아보겠습니다.create-react-app을 이용해 진행했습니다.react-router - 웹&앱react-router-dom - 웹react-router-native velog.io https://coding-hyeok.tistory.c..
분명 로컬에선 잘 돌아가는 걸 확인하고 (WSL) 이걸 가상환경이랑 통채로 깃헙에 올려버렸다. GitHub - Junhyung-Choi/DRF_TEST Contribute to Junhyung-Choi/DRF_TEST development by creating an account on GitHub. github.com 이후 AWS 에서 runserver 까지 돌려봤는데 잘 돌길래 uwsgi 와 nginx를 통해 배포를 진행하려고 했는데 첫장부터 안되는거였다. 분명히 가상환경 안에서 pip3 install uwsgi 를 통해서 uwsgi를 설치했는데 계속해서 zsh에서 이걸 못잡는 거였다. 너무 이해가 안되서 여러 구글링을 해봤는데 https://stackoverflow.com/questions/64478..
분명 한번 찍한다고 했던 useEffect({},[]) 에서 console.log 찍어도 계속 두번 나오길래 뭐가 문제니 했는데 알고보니 StrictMode 문제였음 https://velog.io/@hyes-y-tag/React-useEffect%EA%B0%80-%EB%91%90%EB%B2%88-%EC%8B%A4%ED%96%89%EB%90%9C%EB%8B%A4%EA%B3%A0 [React] console.log가 두번 실행된다고? 프로젝트에 소셜 로그인 기능을 구현하기 위해 프론트까지 간단하게 구현중이시던 팀원분이 오류를 가져오셨다. 프론트에서 카카오에 인가코드 요청 -> 받아온 인가 코드를 백엔드에 전달 -> 백 velog.io 너무 잘 정리해준 블로그 작성자님께 감사..!
들어가기 전에 이 글은 WSL 혹은 Macbook 위에서 돌아갑니다. 터미널에 대한 기초적인 지식을 가지고 있다는 가정 하에 진행되니, 모르시는 분들은 따로 학습을 하시고 오시길 추천드립니다. https://velog.io/@dev_space/React-%EC%8B%9C%EC%9E%91%ED%95%98%EA%B8%B0
AWS 에러 해결기 최근에 AWS 프리티어 기간이 만료되어서 새로 계정을 만들었었다. 대학생활이 1년 ~ 2년 정도 남기도 했고, 학생용 크레딧을 발급해주기도 한다고 하니 오래 사용할 계정으로 연결했다. 서울 지역 사용 불가 근데 이전 계정과 다르게 서울지역으로 EC2 인스턴스를 오픈할 수 가 없었다. 자세한 에러 코드도 나오지 않고 단순히 aws-verification@amazon.com 위 이메일 주소로 연락해보라는 에러 코드만 뜰 뿐이였다. 구글링을 해본 결과 https://repost.aws/questions/QUwnXvvsQyRzut3QE3ct3qOg/account-is-currently-blocked-when-trying-to-create-ec-2-instance
Django Rest Framework 와 React 를 연동시키는 시리즈 첫 글입니다. 단순히 연동만 다루는 것이 아닌 Django, React 자체를 어떻게 구성시키고, 테스트를 위한 프로젝트 설정과정을 전반적으로 살펴볼 예정입니다. 이 페이지에는 앞으로 자주 나올 공통 용어들에 대한 간략한 정의 등을 적어보고자 합니다. 수시로 갱신 될 수 있습니다. request : 클라이언트가 서버에게 정보를 (줘라, 받아라, 삭제해라, 갱신해라.. 등등) 요청하는것 response : request를 받은 서버가 클라이언트에게 제공하는 응답. Server : 정보를 제공하는 컴퓨터 Client : 정보를 받는 컴퓨터 FrontEnd : 정보를 "보여주는" 파트 BackEnd : 정보를 "제공하는" 파트 Doma..
회사에 들어가서 새로 배우게 된 것들을 정리하려고 글을 연재합니다. Unity3d Fundamentals Unity3D, Virtual Reality and Augmented Reality beatchoi.github.io 위 링크를 많이 참고했습니다. MirrorNetwork가 뭔가요? 이렇게만 보면 어려워보이지만, 간단하게 설명하자면 유니티에서 손쉽게 사용할 수 있는 네트워킹 라이브러리입니다! 아래 링크로 가서 본인 유니티 계정에 에셋을 추가해주세요 Mirror | 네트워크 | Unity Asset Store Get the Mirror package from vis2k and speed up your game development process. Find this & other 네트워크 options..
