sweetdev

오늘은 Code-Server 서버에 https를 적용해보려고 한다. sudo apt-get install certbot sudo certbot certonly --webroot -w . -d {서버주소} * 주의: 80포트로 접속 테스트를 하기 때문에, 포트포워딩시 해당 주소를 외부포트만이라도 80으로 설정해줘야 한다. 3개월에 한번씩 갱신해줘야 한다. 3개월 후에 쓰고 있을지 몰라서 crontab 작업은 하지 않았다!.! ** 작업 중 error EACCES: permission denied, open '/etc/letsencrypt/live/jonyejin.duckdns.org/fullchain.pem' 에러가 생겼는데 권한에 대한 공부중이라서 보류중 [출처] https://nhj12311.tisto..

MySQL root 로 로그인 한 후에 log_bin_trust_function_creators 전역 변수를 1 로 설정해준다. set global log_bin_trust_function_creators=1; 다시 계정으로 돌아오면 해결 완료!

이런 에러를 겪었는데, GROUP BY를 사용하는 경우, SELECT할 수 있는 컬럼은 GROUP BY에 나열된 컬럼과 SUM(), COUNT() 같은 집계 함수(Aggregation Function)으로 한정 한다고 한다....!!! (sql 표준 문법은 group by 사용시 select 의 칼럼중 집계함수에 쓰이는 것을 제외한 모든 칼럼을 기입해야 한다. 왜??) 해결 방법은, sql_mode 에서 ONLY_FULL_GROUP_BY 설정을 뺀다 SET SESSION sql_mode = 'NO_ENGINE_SUBSTITUTION,STRICT_TRANS_TABLES'; - 설정파일(my.cnf)에서 ONLY_FULL_GROUP_BY 를 찾아 삭제한다.

Theta inner join, Natural inner join, Left outer join, Left semi join, Anti join cartesian 곱으로는 해결하기 어려운 연산을 간편하게 하기 위해서 만들어졌다. 1. Natural Join select name, course_id from student, takes where student.ID = takes.ID; 복잡한 이걸 한방에 쓸 수 있다. select name, course_id from student natural join takes 그리고 natural join을 outer join과 구별하기 위해서 'inner join'이라고 부르기도 한다. Inner join에는 3가지 종류가 있다. Theta join EQUI joi..

부스트캠프 AI Tech 3기 추천시스템 최종 프로젝트를 진행하며 개발했습니다. 이 글은 Chrome Extension을 만드는 방법에 대해서 소개하고, 주의해야 할 사항을 설명하는 포스팅입니다. Intro Chrome Extension을 개발하며 겪었던 보안 이슈에 대해서는 타 포스팅에 적었는데, 개발하는 전반적인 방법이나 공부한 것들에 대해서 정리하고 주의사항도 간단하게 적기 위해서 포스팅을 쓴다. BoilerPlate Github 에 있는 BoilerPlate를 사용해서 개발했다. 이 BoilerPlate의 Readme를 참고하면 사용법이 나와있는데, git clone을 받은 후 npm start로 빌드할 수 있고 코드를 수정하고, save하면 바로 또 빌드가 된다. 처음에 개발하기에 너무 막막해서..

이 문제때문에 무려 이틀을 헤맸다..ㅠㅠ 상황 설명 Github.com에서 사용자가 Repository에 Like를 눌렀을 때, chrome extension의 background.tsx파일에서 우리쪽 서버의 API(GET)를 콜 해주려고 했다. 그런데 이 API를 콜하면 정상적으로 실행이 되지 않았다. Postman으로 API를 실행하면 정상 동작 했고, 호출하는 URL도 로그를 찍어봤을 때 정상적이었기 때문에 크롬 단에서 차단을 하고 있다는 의심을 하기 시작했다. 해결 방안 모색하기 Chrome의 Network탭에서 확인을 했을 때 ERR_CERT_INVALID 로 나와서 처음에는 https인증문제를 의심했다. 또한 CORS문제를 의심했었는데, 처음에는 크롬 Network탭에서의 에러 메세지가 Unc..

리액트를 그때 그때 배워서 쓰다 보니 이런 에러를 자주 마주하곤 한다. '{ username: any; repoid: any; }' 형식은 'IntrinsicAttributes & { children?: ReactNode; }' 형식에 할당할 수 없습니다. 'IntrinsicAttributes & { children?: ReactNode; }' 형식에 'username' 속성이 없습니다.ts(2322) 이 문제는 뷰를 만드는 쪽에서 파라미터를 제대로 안써줘서 발생할 가능성이 높다. 나 같은 경우에는 뷰를 만들 때 파라미터들 사이에 콤마를 써줘서 이 에러가 발생하기도 했었다. 밑의 코드를 보고 혹시 빼먹은 파라미터가 없는지 타입은 명시해줬는지 콤마를 쓰지 말아야 하는 곳에서 콤마를 쓰진 않았는지 엔터를 안..

db폴더에서 development.sqlite3 더블클릭 users 눌러서 보면 쉽게 볼 수 있다 끝

[변수] # 로컬변수 : 소문자로 작성 bellstone # 인스턴스 변수 : 변수명 앞에 @ @bellstone # 클래스 변수 : 변수명 앞에 @@ @@bellstone # 글로벌 변수 : 변수명 앞에 $ $bellstone # 상수 : 대문자로 작성 BELLSTONE [프린트] # 출력 후 개행이 되지않습니다. print "bellstone" # 출력 후 개행이 됩니다. puts "BellStone" # 출력 후 개행이 되고 데이터 타입을 확인할 수 있도록 표시 됩니다. p "BELLSTONE" p 123456789 출처: https://itbellstone.tistory.com/54 [BELLSTONE]

참고한 가이드 : guides.rubyonrails.org/api_app.html rails new my_api --api Configure your application to start with a more limited set of middleware than normal. Specifically, it will not include any middleware primarily useful for browser applications (like cookies support) by default. Make ApplicationController inherit from ActionController::API instead of ActionController::Base. As with middleware,..

ko.reactjs.org/docs/conditional-rendering.html

ㅏ니ㅓㅇ란어ㅣ라먼아ㅣ러민아ㅓ 리ㅏㅁ넝리ㅏㅓ Bind를 안해주면 이런 에러가 난다.

css 속성은 어려워....

asnychronous!! then이 너무 많아지는걸 방지하기 위해서 async, await 도입.

AJAX를 리액트에 적용하기? => FETCH를 사용하면 된다. (fetch == catch) http request [API 콜 해주기]

모든 컴포넌트가 state이 있는 것은 아니다. functional component - render X - lifecycle X

index.js에서 한개의 component(App)을 렌더링 해준다. 그 다큐먼트 안에는 엘리먼트가 있는데, element ID는 root이다. index.html 안에 있다. App 내부에는 여러개의 요소들이 있다. reactDOM은 브라우저로 렌더링을, react native는 앱으로 렌더링을 해준다. css의 class 대신, 'className'을 쓴다. public/index.html이 생성된 파일이다. [props] {this.pr ops.title}을 쓰면 된다. JSX를 쓰기 위해서는 {}브라켓을 쓰기 때문이다. App.js에서는 const movieTitles = ["a", "b"] const movieImages = ["aa", "bb"] 과 같은식으로 쓰고, Movie.js 에서는 ..

xcode-select --install /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install.sh)" brew install node npm install -g create-react-app create-react-app capstone

https://www.inflearn.com/course/reactjs-web/lecture/8275 리액트 처음이시라구요? React JS로 웹 서비스 만들기! - 인프런 리액트가 뭔지, 차근차근 처음부터 시작합니다. 리액트로 영화 정보와 랭킹을 알려주는 웹사이트를 직접 함께 클론코딩하면서 만들어봅니다. 중급 서비스 개발 Front-End React Javascript 온라인 강의 ReactJS www.inflearn.com yts api를 사용할 예정이다! react > javascript로 바꿔주는 transformatter가 필요하다. 이를 'webpack'이라고 부르는데... 웹펙은 react 코드를 브라우저가 이해할 수 있는 코드로 바꿔주는 역할을 한다. 가장 최근의 버전은 javascript..

놀랍게도 캡스톤때문에 리액트를 공부하게 되었다. iOS 밖에 없을것같았던 내 개발인생에 리액트가 등장하게 되었는데...! https://www.inflearn.com/course/reactjs-web/lecture/8274 리액트 처음이시라구요? React JS로 웹 서비스 만들기! - 인프런 리액트가 뭔지, 차근차근 처음부터 시작합니다. 리액트로 영화 정보와 랭킹을 알려주는 웹사이트를 직접 함께 클론코딩하면서 만들어봅니다. 중급 서비스 개발 Front-End React Javascript 온라인 강의 ReactJS www.inflearn.com 노마드코더님의 강의를 들으면서 시작하게 되었다. 무료이다!! 리액트의 장점은 다음과 같다. 1) 자바스크립트만 알면 된다! Angular같은 프레임워크들과는 다..

1. function() {} 2. 람다식처럼! (매개변수) => { /*실행내용*/ } 1번처럼 쓴 방식이다. var function1 = function(text) { return text + 1; } 2번처럼 쓴 방식이다 var function2 = (text => text + 1); (req, res) 처럼 쓰려면 어떻게 해야할까? var function3 = (a, b) => {} Arrow function이라고 부르는 것이다. a = 10 b = 2 var mixed = (a,b) => a * b; // OR var mixed = (a,b) => { (any logic); return a * b }; console.log(mixed(a,b)) // 20

REST API -> GRAPH QL redux -> apollo 1. REST API 너무 오래걸리고, 너무 길다. URL 만들고, view 만들고... graph QL은 시간이 거의 안걸린다! DB 할 수도 있고 안할수도 있다 (?) URL (X) View (X) 장고, rest 대비 60%의 시간을 절약했다고 말한다. 코드도 예쁨. [ 장고 JSON Response

http POST :3000/api/user/host myUUID=kilasdasdqweasd partnerUUID=asdasdadskjDDDDD

POST : 생성 GET : 조회 PUT : 수정 DELETE : 삭제

https://danco.tistory.com/53 [NodeJs] nodemon 설치 개발시에 코드를 수정하고 서버를 껐다가 다시 켜야하는게 매우 번거롭기 때문에 코드 수정이 있으면 서버를 자동으로 restart해주는 모듈인 nodemon을 설치하는 방법은 다음과 같다. npm install nodemon -g node.. danco.tistory.com 글에 나온것처럼 npm install nodemon -g로 설치했는데, npm ERR! path /Users/sweetdev/.npm-global/lib/node_modules npm ERR! code EACCES npm ERR! errno -13 npm ERR! syscall access npm ERR! Error: EACCES: permission..

static같은게 아니고, 그냥 재선언 재 할당이 안되는 변수이다. 무엇...

[영상리뷰]AWS를 쓸까? Heroku를 쓸까? 그 선택의 기준은? https://www.youtube.com/watch?v=NTDhBh1SdZ4 일단, 먼저 헤로쿠와 AWS는 종류가 다르다는걸 알아야한다. 헤로쿠는 ‘platform as a service’이다. 그 말은, 우리는 ‘코드만 업로드 하면 된다!’는 뜻이다. 서버 세팅이 5분 안에 가능해진다…!! 엄청난 장점이다. 반면, AWS(그중에도 EC, Elastic Computing)은 infrastructure as a service 이다. 헤로쿠처럼 플랫폼이 아니라, 인프라, 즉 ‘서버’를 위한 비용을 결제하는 것이다. 우리가 생각하는 서버 컴, 우분투나 윈도우를 깔 수 있는 서버를 돈 주고 사는거라고 생각하면 쉽다. 서버를 세팅하는게 힘들듯 ..

mongo use local 하고 mongoose.connect("mongodb://127.0.0.1:27017/local", {useMongoClient: true});

node app.js 맨날 까먹는다 ㅠㅋ

var Users = [{name: 'sweetDev', age: 21}, {name: 'sw', age: 27}]; Users.push({name: 'sw2', age: 30}); console.log(User.length) Users.forEach(function(item, index){ console.log(item.name); }) push, pop과는 반대로 unshift, shift는 제일 앞에 요소를 추가하거나 삭제한다. 중간에 있는 요소는 delete Users[1]; 이런식으로 쓸 수 있다. 되게 특이하네 ㅋㅋㅋㅋㅋㅋ 하지만 delete의 문제는 값만 지워지고 공간은 그대로 남는다는것,,, splice()를 써야 공간까지 없어지게 된다. splice(index, removeCount, [..