As i wish

안녕하세요. 엄티입니다. 계속해서 React 를 사용해서 SNS 를 만들어 보겠습니다. 프로젝트 소개와 프로젝트 구성 요소는 제 전 포스팅을 참고해주세요. React SNS 만들기 - 1 [React SNS] React SNS 만들기 - 1 안녕하세요. 엄티입니다. 오늘은 React 를 사용하여 간단한 SNS 를 만들어 볼껀데요. 제 포스팅은 '제로초' 님의 강의를 바탕으로 복습용으로 작성됩니다. 자세한 설명을 원하면 밑에 강의를 참조해 주세요. '제로.. eomtttttt-develop.tistory.com 참고로 제 포스팅은 '제로초' 님의 SNS 만들기 강좌 복습 포스팅입니다. '제로초' 님의 React NodeBird SNS React로 NodeBird SNS 만들기 - 인프런 리액트&넥스트&리덕..

안녕하세요. 엄티입니다. 계속해서 React 를 사용해서 SNS 를 만들어 보겠습니다. 프로젝트 소개와 프로젝트 구성 요소는 제 전 포스팅을 참고해주세요. React SNS 만들기 - 1 [React SNS] React SNS 만들기 - 1 안녕하세요. 엄티입니다. 오늘은 React 를 사용하여 간단한 SNS 를 만들어 볼껀데요. 제 포스팅은 '제로초' 님의 강의를 바탕으로 복습용으로 작성됩니다. 자세한 설명을 원하면 밑에 강의를 참조해 주세요. '제로.. eomtttttt-develop.tistory.com 참고로 제 포스팅은 '제로초' 님의 SNS 만들기 강좌 복습 포스팅입니다. '제로초' 님의 React NodeBird SNS React로 NodeBird SNS 만들기 - 인프런 리액트&넥스트&리덕..

안녕하세요. 엄티입니다. 오늘은 React 를 사용하여 간단한 SNS 를 만들어 볼껀데요. 제 포스팅은 '제로초' 님의 강의를 바탕으로 복습용으로 작성됩니다. 자세한 설명을 원하면 밑에 강의를 참조해 주세요. '제로초' 님의 React NodeBird SNS React로 NodeBird SNS 만들기 - 인프런 리액트&넥스트&리덕스&리덕스사가&익스프레스 스택으로 트위터와 유사한 SNS 서비스를 만들어봅니다. 끝으로 검색엔진 최적화 후 AWS에 배포합니다. 중급 웹 개발 프레임워크 및 라이브러리 서비스 개발 Front End Back End Javascript React 온라인 강의 www.inflearn.com 무튼 기본적으로 Front/Back 을 구성하고요. Front 는 React, Redux, N..

몽고 디비에서 레플리카셋을 구축 하고 나서 Primary나 Secondary의 상태가 Recovering 이 되었을 때에 복구 방법에 대하여 보겠습니다. 현재 상태는 stateStr 이 'PRIMARY' 또는 'SECONDARY' 가 되야 정상적으로 동작하는데에 가끔 'RECOVERING' 이 될 때가 있습니다. 뭐 말 그대로 Recovering 상태에서 알아서 Recovering 됬으면 좋겠지만 사실 실상은 그렇지 않죠. 그렇게 되면 Recovering 된 상태에 서버로 접속합니다. $ mongod --shutdown --dbpath (db path) killing process with pid: 26867 $ps -ef | grep mongo 그 다음 원래 디비 경로에 있는 디비를 백업해 줍니다. $..

리액트를 공부하면서 도움이 되었던 자료들을 정리합니다. 계속 업데이트 됩니다. (최신 업데이트 날짜 20190718) create-react-app 사용시 웹에서 proxy 를 통하여 CORS 문제 해결 [ Webpack ] Proxy 설정으로 CORS 도메인 문제 해결 CORS (Cross-Origin Resource Sharing) 란? 웹브라우저에서 외부 도메인 서버와 통신하기 위한 방식을 표준화한 스팩이다. 서버와 클라이언트가 정해진 헤더를 통해 서로 요청이나 응답에 반응할지 결정하는 방식.. ryulog.tistory.com Infinity scroll 만들기 React에서 Infinite Scroll 구현하기 - 허정민 - Medium 이번 시간에는 요즘 많은 사이트들에서 흔히쓰는 Infini..

안녕하세요. 엄티입니다. 이번에는 실질적으로 React-redux를 사용해 보겠습니다. 기존에 프로젝트에 각각 Redux 에 필요한 action, reducers, store 세팅은 지난 포스팅에 있기 때문에 참고해주세요. Redux - React 프로젝트 세팅 [React 틱 택 토] Redux - React 프로젝트 세팅 안녕하세요. 엄티 입니다. 오늘도 역시 리액트 포스팅을 해보겠습니다. 저의 리액트 포스팅은 '제로초' 님의 웹게임 강좌를 바탕으로 포스팅 합니다. 제로초 님의 웹게임 강좌 리액트 무료 강좌(웹게임) - YouTube.. eomtttttt-develop.tistory.com 일단은 조금 더 큰 프로젝트에서는 Component 를 나눕니다. UI 를 담당하는 Presentational ..

안녕하세요. 엄티 입니다. 오늘도 역시 리액트 포스팅을 해보겠습니다. 저의 리액트 포스팅은 '제로초' 님의 웹게임 강좌를 바탕으로 포스팅 합니다. 제로초 님의 웹게임 강좌 리액트 무료 강좌(웹게임) - YouTube www.youtube.com 오늘은 Redux 를 적용해 보겠습니다. 일단 개념이 처음에는 잡기 힙든데 몇번 사용하다가 익숙해지면 정말 편한 라이브러이입니다. 한마디로 쉽게 정의하면 '상태 관리 라이브러리' 라고 할 수 있죠. 리덕스를 왜 쓸까? 리덕스(Redux)를 왜 쓸까? 그리고 리덕스를 편하게 사용하기 위한 발악 (ii) | VELOPERT.LOG 이 포스트는 이어지는 튜토리얼 입니다. 1편 을 먼저 읽고 오시길 바랍니다. 리덕스의 3가지 규칙 리덕스를 프로젝트에서 사용하게 될 때 알..

안녕하세요. 엄티입니다. 오늘은 데라히바 가드에서 엑스가드로 가는 베리에이션을 배웠는데요. 그 후 테크니컬 스탠드업으로 일어나는 법까지 해보겠습니다. 일단 데라히바를 건 상태에서 상대가 다리를 쫌 넓게 벌리면 상대 중심을 앞으로 쏟게 만들어야 합니다. 이런식으로 앞으소 쏟게 만들면 상대가 거의 다 손으로 바닥을 짚게 되죠. 그렇게 되면 데라히바 건 다리를 푼 후 자연스럽게 엑스가드로 전환하면 됩니다. 오늘은 이런식으로 해서 딥 데라히바와 번갈아 가면서 쓰는걸 배웠는데요. 딥 데라히바는 상대가 다리를 오므리고 있을 때 유용하고 위와 같이 엑스가드 전환은 상대가 다리를 벌리고 있을 때에 유용한데, 적절히 상대를 잘 봐가면서 해야하는데, 저는 무작정 베림보로만 돌라하니 쉽지 않은것 같아요. 데라히바 to 엑스..

안녕하세요. 엄티입니다. 오늘은 Lotto Game 을 만들어 보겠습니다. 제 포스팅은 '제로초' 님의 웹게임 강좌를 기반으로 제가 복습한 형태로 진행 됩니다. 제로초님의 웹게임 강좌 리액트 무료 강좌(웹게임) - YouTube www.youtube.com 일단 지난번에 라이프사이클에 대하여 배웠는데, 오늘은 조금 더 자세하게 배웠습니다. 일단 기본적인 라이프 사이클은 constructor -> render -> ref -> componentDidMount -> (setState/props changed), shouldComponentUpdaet(true) -> render -> componentDidUpdate -> (부모가 없앨 때) componentWillUnmount -> 소멸 이런식이고요 지난 ..

오늘은 기본적인 하프가드 스윕에 대하여 배웠습니다. 저도 하프가드를 상당히 좋아하는데 잘하는 분이랑 할 때는 쉽게 플랫 하프가드로 깔리는 경우가 많더라고요. 그러나 오늘 수업으로 많은 것을 느끼게 되었는데, 일단 목이 안따여야 합니다. 사이드 또는 하프가드 상황에서 목을 상대방에게 내주게 되었을 때에는 그냥 깔리고 말게 되더라고요. 그래서 저도 목을 안 따이기 위해 상대방 팔을 집중적으로 막기 위해 노력하죠. 오늘은 서래주짓수 관장님이신 권혁일 관장님 영상을 참조해봤습니다. 실제 권혁일 관장님이 큐브MMA 계실 때 저는 한달 정도 다닌 기억이있는데 저를 기억하실지 모르겠어요 ㅎㅎ 그래서 윗 사진 처럼 깔리지 않기 위해 상대방 팔을 막아주면 좋습니다. 그 다음 니쉴드 한 다리로 상대를 밀어주면서 상대 띠 ..