본문 바로가기

전체 글142

Server - login-server-tutorial 간단한 로그인 서버를 만들어 보려고 한다. react cli를 통해서 간단하게 프론트를 만들어서 server에 호출 하려한다. email 입력란 password 입력란 2개의 input을 만들고 거기에 들어온 문자를 fetch를 통해서 server 보내려고 한다. 이전에 만들어 놓은 server.ts를 켜서 email과 password가 잘 들어오는지 확인 하려고 한다. npm start로 서버를 켠다 app.post('/signin', ()=>{}) post 요청(path '/signin') 이 들어오면 두번째 인자 callback이 실행되어서 처리를 하게끔 했다. 프론트에서 email과 password를 1234, 1234를 보냈을 때, req.body 값이 찍히는 callback 함수이다. 프론트에.. 2021. 12. 5.
Redux - next.js store에 접근 redux와 next.js를 같이 사용하고 있다면.... SSR이 되면서 초기 data를 받아온 것을 redux에 넣어 뿌려줘야 하지만 next js에 나와있는 getServerSideProps만으로는 redux store에 접근할 수 없다. #object * next getServerSideProps 에서 store 접근 ## next-redux-wrapper 7.0 이하 버전 이와 더불어 추가로 설정을 더 해줘야 store 접근 할 수 있다. redux store를 setting 하면서 wrapper를 export를 해줄텐데 여기서 wrapper를 가져와서 사용하면 store에 접근을 할 수 있다. export const getServerSideProps = wrapper.getServerSidePr.. 2021. 10. 16.
Javascript - Map javascript에는 Map이라는 형태의 변수 형태가 있다. array, object와 같은... typeof로 확인하면 'object'로 확인이 된다. 회사를 다니면서 알게된 변수 형태인데 object 처럼 {key: value}의 형태를 가지고 있지만, 값을 저장하고 필요한 값들을 불러올때는 method를 통해서만 가능하다. 위와 같은 코드를 node로 실행 시겨보면,,, - type은 object로 확인 - 일반 object와 같이 호출 했을 때, 값을 가지고 오지 못함 - 강제로 일반 object처럼 test.hello = "world" 값을 넣을 수 있지만, type error 가 발생 회사 Server에서 필요한 값을 저장하고, 지우고, 유무를 판단할 때 주로 사용하고 있다. 일반 objec.. 2021. 10. 4.
Git - github flow github flow github를 사용하면서 github에 대한 flow를 하기 그림으로 설명하면... - 4부분으로 분활을 한 부분을 보통 repository 라고 부르고 일명 repo라고 많이 부른다. - upstream repo는 각자 수정하고 새로만든 코드들을 merge 하는 곳. 즉, 각자 한 코드를 한곳으로 모으는 곳이며, 최종 코드를 배포할 때 많이 사용. 주로 시니어들이 upstream repo를 만들고 거기에 middle or junior 들이 upstream 코드를 clone을 하고 각자의 코드를 upstream으로 merge를 한다. - origin repo는 upstream의 코드를 자신의 github repo에 clone을 하게 되면 생기는 repo이다. 특히 코드를 받을 때 u.. 2021. 9. 11.
반응형

티스토리툴바