Coding127 React - flicking(2) version up flicking을 다른곳에 적용하려고 앱에 설치를 했더니, error 가 발생했다. 이전에 React-flicking 글에서 사용했던 버전은 "^3.5.2" 였고, 이번에 설치를 한 버전은 "^4.4.3"이다. 아무래도 버전이 올라가면서 사용 방법이 달라 진거 같다. 3.5.2에서 사용한 코드를 그대로 적용했더니, error 가 발생했다 Position error가 발생했다. google에서 검색을 해도 잘 나오지 않았다. 그래서 공식 페이지를 살펴봤다. 공식 페이지 quick start를 읽었을 때, 바뀐게 많았다. https://naver.github.io/egjs-flicking/docs/quick-start Quick Start | Flicking 2021. 12. 12. 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. 이전 1 ··· 6 7 8 9 10 11 12 ··· 32 다음 반응형
