일단 시작하고 보자

배포하는 방법에는 여러가지가 있다. 대표적으로 aws를 많이 사용하고 최근에는 firebase도 많이사용하는 추세다. 간단히 배포하는 방법 2가지에 대해서 포스팅을 해보려 한다. 1. web server for chrome 2. github를 활용한 배포 이번 포스팅에서는 web server for chrome 사용법에 대해서 설명을 해보겠다. web server for chrome는 chrome web store에 등록되어 있는 확장프로그램이다. web server for chrome을 활용하면 테스트 정도는 쉽고 빠르게 배포를 할 수 있다. 확장프로그램에 대한 개요의 한국 번역은 아래와 같다. 설치 후 실행을 하면 아래와 같은 화면이다. 위 사진과 같이, 설정을 체크하고, CHOOSE FOLDER을 ..

파이어베이스를 통해 호스팅하기 위해 좌측 메뉴에서 호스팅을 찾아 들어간 후 시작하기를 누른다. 순서대로 진행을 해보겠다. 설치가 완료된 화면이다. 2. Google에 로그인 명령어를 실행하게 되면 아래와 같은 화면이 나오게되고 yes를 입력하면 새창에 계정 선택화면이 나오게 된다. 허용을 누르면 성공적으로 로그인을 완료 할 수 있다. firebase init 명령어를 작성하여 프로젝트를 시작한다. 3. 4. 5.

프론트엔드 개발자로 나아가기 위해 준비를 하며, 코딩테스트 또한 필수적이다. 다양한 언어들이 있지만, 그 중에서도 프론트엔드에서 제일 많이 사용하는 자바스크립트를 활용하여 코딩테스트를 준비하려 한다. 이전에는 파이썬을 이용하여 코딩테스트를 준비했지만, 자바스크립트가 더 활용도가 높아 자바스크립트로 준비하려한다. IDE는 비주얼 스튜디오를 사용하여 진행할 예정이다. 자바스크립트 파일을 실행시키기 위해서는 node.js가 필요하다 node.js 설치 후 visual studio code에서 자바스크립트 동작이 가능하다. 표준방식의 경우 1. 비주얼 스튜디오 터미널(ctrl + `)에서 node를 입력한다. 2. ctrl + c 를 두번 입력하여 종료 한다. 3. console.log('abc') node 1..

파이어베이스를 통해 호스팅하기 위해 좌측 메뉴에서 호스팅을 찾아 들어간 후 시작하기를 누른다. 순서대로 진행을 해보겠다. 설치가 완료된 화면이다. 2. Google에 로그인 명령어를 실행하게 되면 아래와 같은 화면이 나오게되고 yes를 입력하면 새창에 계정 선택화면이 나오게 된다. 허용을 누르면 성공적으로 로그인을 완료 할 수 있다. firebase init 명령어를 작성하여 프로젝트를 시작한다. 3. 4. 5. ...

Firebas hosting을 위해서는 NPM 설치가 필요하다. https://nodejs.org/en/download/ Download | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 자신의 운영체제에 맞게 다운로드를 하고 설치를 한다. 설치를 완료하고 명령어 프롬프트를 통해서 설치 확인을 한다. npm -v 명령어와 node -v 명령어를 사용하여 자신의 컴퓨터에 설치된 버전을 확인할 수 있다. 패치지를 설치할 때는 아래와 같이 사용할 수 있다. npm install

비주얼 스튜디오 코드를 사용하여 코딩을 하다 보면 나도 모르게 정리가 안되고 작성되는 경우들이 있다. 여러 방법들이 있지만, Beauty 플러그인을 설치하여 사용하는 방법을 알게되서 공유를 하려한다. 사용법은 간단하다. ctrl + Shift + B(윈도우) Cmd + Shift + B or Cmd + Shift + B(맥) 실제 구동화면을 보자 추가적으로 앞으로 다양한 플러그인과 비주얼 스튜디오 코드 세팅에 대해 포스팅 하려 한다.

기본적으로 윈도우에서 ctrl 은 맥에서 cmd 자동정렬: ctrl + Shift + B(윈도우) Cmd + Shift + B or Cmd + Shift + B(맥) // Beauty 플러그인 설치 HTML 사이트 팝업: ctrl + Alt + o // open - in - browser 플러그인 설치 vscode에서 HTML 보기: ctrl + k -> v // HTML Preview 플러그인 설치 설정창 열기 : ctrl + shift + p 빠른주석처리: ctrl + /

다사 다난 했던 와글와글의 몇안되는 세상에 알려진 기록이다. 벌써 2년이 다되어 간다. 엄청 높아 보였던 목표를 향해 달려나갔지만, 현재는 다들 각자의 위치에서 각자의 목표를 향해 다시 나아가고 있는 중이다. http://journal.changwon.ac.kr/news/articleView.html?idxno=4112265 ‘Waggle Waggle’ launched by CWNU Development Team ‘WeSix’ - The Campus Journal New communication platform ‘Waggle Waggle’, created by ‘WeSix’ under the 2020 St... journal.changwon.ac.kr