JOYLOG

CORS 이슈 Cross-Origin Resource Sharing (보안을 위한 정책) 원인 : request 보내는 client 와 response 보내는 server가 다른 포트를 가지고 있다면, CORS 정책에 막혀짐 해결 : 다양한 방법이 있는데, 그 중 하나는 Proxy 사용 (https://create-react-app.dev/docs/proxying-api-requests-in-development#configuring-the-proxy-manually) Proxy? : 유저와 인터넷 사이에 Proxy Server가 있다. : IP를 Proxy Server에서 임의로 바꿔, 인터넷에서는 접근하는 사람의 IP를 모르게 된다. 데이터 또한 임의로 바꿀 수 있다. 방화벽 기능 2. 웹 필터 기능..

Recat JS facebook 에서 2013 년에 발표한 library 컴포넌트로 이루어져 있어 재사용성이 뛰어남 Virtual DOM Real DOM? Virtual Dom? 이 무엇인가. 10개의 리스트가 있을 때, 그 중 하나의 리스트가 Update 되었다. Real DOM : 전체 리스트를 다시 Reload 해야하므로, 많은 비용 발생 Virtual DOM : 바뀐 한 가지 아이템만 DOM에서 바꿔 줌. Virtual Dom은 어떻게 한 가지 아이템만 DOM에서 바꿀 수 있을까? JSX 를 랜더링한다. (Virtual DOM 이 Update) 이전 Virtual DOM과 비교해 바뀐 부분을 찾는다. ( = diffing) 바뀐 부분만 Real DOM에서 바꿔준다. npx 활용하여 React Ap..

2021 부스트캠프 지원 전까지의 이야기 점점 진로 구체화에 대한 압박감이 들고, 사람들 만나면 하는 얘기가 8할은 진로 관련이다. 나는 항상 예측 불허한 사건들을 마주치며 그 사건들을 해결해내가는 재미로 살아왔는데, 뚜렷하게 진로를 정하려니 어려운 것이다. 그래도 내가 최고 관심있는 것은 사람들이 사용하는 서비스, 문화와 관련된 것. 사람을 좋아하는 나는, 사람을 위한 일을 하고 싶다. 그것도 아주 가까이에서! 처음에는 행사 기획, 캠페인 기획 등에서 시작하여, 서비스 기획의 꿈을 갖게 되었는데, 활동 자체로 의미있고 즐거웠지만 항상 해소되지 않는 응어리가 있는 느낌이였다. 그것은 바로 서비스에 대한 아이디어를 직접 실현해나가고 싶은 꿈을 꾸고 있었기 때문이다. 그래서 개발에 관심을 갖게 되었고, 가장..

0. 깃을 사용하는 이유 깃은 프로젝트를 진행하는데 있어 유용한 협업 도구에요! 하나의 프로젝트에 여러 개발자가 있을 때 개발자 각각 자신만의 브랜치에서 코드를 작성하게 됩니다. 이는 충돌을 막아주고 각자 수정한 부분을 병합(머지)할 수 있어요. " 계속 파일을 주고 받고 할 순 없잖아요!? 그리고 한 사람이 수정을 다 마칠때까지 기다려 줄수도 없죠? 각자 맡은 부분 수정하고 나중에 합칩시다!! " 할때 깃을 사용해요 이번 포스팅에서 우리가 할 것은 GitHub을 활용하기 위한 백그라운드를 세팅해놓는 것이에요. 이번에 우리는 1. VsCode 2. Git 이 두가지를 설치할 것이에요! 1. VsCode 설치하기 https://code.visualstudio.com/ Visual Studio Code - ..