초보 개발자

https://www.youtube.com/watch?v=Ogd_kxyqRSw ctrl + + : 화면 확대 ctrl + - : 화면 축소 sysout + ctrl + space bar : System.out.println() 자동완성 ctrl + F11 : Run if + ctrl + space bar + enter : if 블록자동완성 ifelse + ctrl + space bar + enter : if 블록자동완성 alt + / : 변수자동완성 int abcdefg = 1; 이 상황에서 abcdefg변수를 한번에 가져오고 싶은 경우 a까지만 적고 alt + / System.out.println(a); -> System.out.println(abcdefg); 커맨드 변경하려면 window -> pre..

this가 쓰이는 곳에서 다르게 인식 되는 경우가 있었다. 그런 애매한 부분이 있기에 이번에 포스팅을 함으로써 정리해보려고 한다!! https://youtu.be/GteV4zfqPIk this는 무엇인가? JS에서 this는 객체를 가리키는 키워드라고한다. 즉 this는 객체이다. 객체는 객체인데... this는 좀 특별하다. 대부분의 경우에 this는 함수를 호출한 방법에 의해 결정된다. 강의에선 this는 호출한 놈이라고 하였다. 호출한 놈이 없을 경우에는 기본적으로 window객체를 의미한다고 한다. let person = { fullname : 'taehyeki', age : 20, printThis : funtion() { console.log(this); console.log(this === ..

test.js라는 파일을 index.html에서 사용하려고한다. index.html에서 test.js를 가져와보자! 아래의 이미지들은 index.html, test.js, error콘솔을 나타내고 있다. test.js에서는 DOM을 사용하여 해당 버튼을 클릭하면 alert창이 나오도록 설계하였다. 그리고 error콘솔은 의도대로 되지 않고 에러가 발생한 모습이다. null에서 addEventListener라는 프로퍼티를 찾을 수 없다고한다. 나는 분명 testBtn을 설정해주었는데 말이다. 그럼 testBtn이라는 것을 console에 찍어 보도록 하자. 역시 null이라고 나온다. 이상하다. 나는 분명 testBtn을 정의해주었고 html에서도 분명히 존재하는데 말이다. 이렇게 에러가나는 이유는 시점의..

JavaScript를 접하면서 DOM이란 용어를 많이 접해보았을 것이다. 단순히 브라우저의 HTML요소에 접근할 수 있는 것이라고만 알고 있었는데 오늘 한번 정의를 해보려고 한다. DOM이란 ? 🚕 JS는 웹문서를 제어하기 위해 개발된 언어이다. document.querySeletor('h1').textContent = '제목' 위와 같이 컨텐츠 내용을 변경한다던지 HTML요소를 추가하거나 제거하는 등 JS는 HTML문서를 조작하기 위해 만들어진 언어이다. HTML파일을 JS로 어떻게 제어를 할 수 있을까?? 각 브라우저 ( 크롬, 엣지 등 )들은 웹문서를 해석할 수 있는 렌더링 엔진이 존재한다. 브라우저로 HTML파일을 열게되면 이 렌더링 엔진이 HTML로 작성된 문서를 위에서 부터 차례대로 하나씩 읽..

먼저 키페어를 통해서 ssh에 접속하자. 나는 우분투 이기에 ubuntu로 적어주었는데 아마존일 경우 ec2-user인가? 그걸 적어주어야 할 것이다. ssh -i "키페어" ubuntu@ip 접속 후 아래의 명령어를 복붙 sudo apt-get update sudo apt-get install -y build-essential sudo apt-get install curl // 원하는 버전 적으면 됨 16.x curl -sL https://deb.nodesource.com/setup_16.x | sudo -E bash -- sudo apt-get install -y nodejs 잘 설치 되었는지 확인해보자 node -v // node 버전 확인 npm -v // npm 버전 확인

aws 인스턴스에서 단순히 nohup node app.js & 이런식으로 서버를 돌려왔었는데, node를 pm2로 관리하면 훨씬 더 편리하고 효과적이라고 한다. pm2 start app.js pm2 monit pm2 list pm2 log

나는 하나의 인스턴스안에 node express로 api 서버를 돌리면서 동시에 서버역할도 하도록 하였다. vue 프로젝트를 build하고 그 build된 폴더를 인스턴스로 옮긴 뒤 서버에서 그 걸 바라보도록 express.static('dist') 이렇게 설정해주었다. 그리고 나서 실행을 시켜본 결과, 내가 설정한 라우터대로 잘 이동을 하였지만, reload되는 구간이라던지, 아니면 내가 직접 라우트를 치고 들어간 경우에는 vue가 인식을 못하였다. 생각해보니 vue는 자체 서버로 돌리는 것이 아닌 현재 js 파일로 모두 변환되었기 때문에 왠진 모르겠지만 그렇게 될 수 있다는 생각이 들었다. 따라서 구글링을 해본 결과 connect-history-api-fallback이 모듈을 사용하면 된다고 한다. ..