본문 바로가기

분류 전체보기201

AWS 서버에서 NGINX 사용해서 REACT 배포하기 일단 node.js 와 npm이 깔려 있다는 전제로 시작하겠읍니다. 참고로 전 react 깃랩에서 git clone해서 땡겨왔읍니다. nginx 설치 sudo apt-get install nginx -y 기본적인 nginx 명령어 #nginx 시작 sudo service nginx start #nginx 중지 sudo service nginx stop #nginx 재시작 sudo service nginx restart 난 이렇게 했는데 sudo service nginx start 시 실행이 안되는 에러가 발생했다. 이거 내가 예전에 아파치 깔면서 80포트를 아파치가 쓰고있더라 sudo /etc/init.d/Apache2 stop 해서 80 포트 사용 멈춰주기 이 에러는 https://jhb.kr/357 .. 2021. 8. 6.
[React] 카카오 로그인 연결해보기 - 2 이렇게 넘어오는게 토큰인줄 알았는데,,, 얘네는 인가 코드였다,,,! 내가 하고싶었던 거는 토큰 받아서? 사용자 정보를 console에 띄우고 싶었는데 뒤지도록 안되더라 한 10시간 동안 한거 같다. 그래서 결국 다른 분 블로그 보고 해결해따. https://velog.io/@sayi/React-%EC%B9%B4%EC%B9%B4%EC%98%A4-%EB%A1%9C%EA%B7%B8%EC%9D%B8%EB%A1%9C%EA%B7%B8%EC%9D%B8-%EC%82%AC%EC%9A%A9%EC%9E%90-%EC%A0%95%EB%B3%B4-%EC%88%98%EC%A7%91 [React] 카카오 로그인(로그인, 사용자 정보 가져오기) App.js velog.io 감사합니당 감사합니당 아래는 전체코드,,, const log.. 2021. 8. 6.
mysql.service: Failed with result 'exit-code'. 뭐 잘못 건들였는지 mysql restart하니까 안되더라 그래서 해결하기 위해서 그냥 mysql깔았던거 밀고 다시 처음부터 시작했다. sudo apt-get purge mysql-server mysql-client mysql-common sudo apt-get install mysql-server 일단 설치되어있는 것들 삭제하고 다시 설치해서 해결했다. mysql 서버 워크벤치에서 열 때는 https://loy124.tistory.com/199 아마존 AWS EC2 Mysql 서버 구축하기 (2) - mysql 설치 먼저 1에 이어서 쓰는 글이다. https://loy124.tistory.com/198 아마존 AWS EC2 Mysql 서버 구축하기 (1) - 회원가입및 EC2 구축 필요한것 : 해외결제.. 2021. 8. 2.
[React] 리액트에서 아이콘 써보기 (React Icons) https://react-icons.github.io/react-icons/ React Icons React Icons Include popular icons in your React projects easily with react-icons, which utilizes ES6 imports that allows you to include only the icons that your project is using. Installation (for standard modern project) npm install react-icons --save Usa react-icons.github.io 먼저 React Icons를 설치하여 줍니다. npm install react-icons --save yarn ad.. 2021. 7. 26.
[React] 리엑트에서 부트스트랩 사용하기 먼저 react-bootstrap을 설치해주어야한다. npm install react-bootstrap@next bootstrap@5.0.2 yarn add react-bootstrap@next bootstrap@5.0.2 npm 혹은 yarn으로 설치하면 됩니다. 설치 후 사용하고자 하는 Components를 찾아서 import 해주어야합니다. 사용하고자 하는 Components를 검색한 후 아래에 있는 예시코드를 테스트로 하나 복사해옵니다. 사용하고자 할 떄는 위에 import를 시켜주어야하는데 사용하고자 하는 컴포넌트를 치면 뒤에 자동완성으로 완성시킬 수 있습니다. 2021. 7. 26.
[WinSCP]Unable to load private key file 오류 puttyGen 에서 pem 파일 ppk로 변환할 때 load 눌러서 따로 generate하지말고 바로 save private key로 해야지 에러가 안난다,,,! 2021. 7. 23.
[React] state 변수 한박자씩 늦게 찍힐 때 변수 이렇게 선언해두고 console.log로 password와 passwordChk를 찍어보는데 자꾸 한박자씩 늦게 찍혔다. 예를 들어서 난 asdf00 까지 입력했으면 console에서는 asdf0 로나왔다,,, 그래서 알아보니 useState를 사용하면 비동기? 방식이라서 useEffect를 사용해주어야했다. 이렇게 사용해야할 변수를 넣어서 사용해보았다. (;´༎ຶД༎ຶ`)(;´༎ຶД༎ຶ`)(;´༎ຶД༎ຶ`) 공부를 더 열씨미 해봐야게따 2021. 7. 23.
[React] 카카오 로그인 연결해보기-1 먼저 시작하기 전에 여러 블로그를 참고해보았으나 여러 블로그 글을 이해하지도 못한 채 복붙하니까 왜 안되는지도 모르고 이상하게 떠서 developers 참고하여 처음부터 찬찬히 따라해보았습니다. 일단 카카오 로그인을 사용하기 위해 index.html에 사전작업을 해주어야합니다. 이렇게 script를 두개 추가해주어야합니다. 저는 로그인 화면에서 KakaoLogin.jsx 컴포넌트를 만들어서 해보았습니다. 이 페이지를 참고하여 카카오 로그인을 한번 테스트 해보았습니다. https://developers.kakao.com/tool/demo/login/login Kakao Developers 카카오 API를 활용하여 다양한 어플리케이션을 개발해보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 A.. 2021. 7. 23.
동치 관계 #동치 :bulb: 서로 같은 진리값을 가지고 있을 때 동치라고 한다. #### 동치 법칙 동치 이름 설명 $$1. p \wedge T \equiv p$$ $$2.p\vee F \equiv p$$ 항등법칙 1. p는 항상 참 값을 가지고 있기 때문에 항상 참이다. 2. 합집합시 항상 참이 나오기 때문에 성립한다. $$p \vee T \equiv T $$ $$ p \wedge F \equiv F$$ 지배법칙 T 값에 의해 지배를 당한다고 해서 지배법칙이라고 한다. 합집합의 경우 True가 있으면 항상 참, 교집합의 경우 False가 있으면 항상 거짓 $$p \vee p \equiv p$$ $$p \wedge p \equiv p$$ 멱등법칙 $$\urcorner(\urcorner p) \equiv p$$ 이.. 2021. 7. 21.

티스토리툴바