반응형

자바스크립트 4

[ERROR] Uncaught SyntaxError: Invalid shorthand property initializer 에러 해결

자바스크립트로 작업을 하던 중 아래 에러가 발생했다. property면 객체 변수를 의미하는 것일텐데, 대체 뭘까 하고 찾아보았다. Uncaught SyntaxError: Invalid shorthand property initializer 문제 상황 및 해결 객체 변수 지정을 : 가 아닌 =로 하고있었다. name: ''이 아닌 name='' 사실 몇번째줄 에러인지 알려주기도 했고, property initializer(객체 변수 초기화(지정))이 올바르지 않다길래 대략 느낌은 왔지만, 순간적으로 =를 :로 비슷하게 보기도 했고, 너무 쉬운부분이다보니 대충 넘어간 것 같기도 하다. const hero={ name='', lev:1, maxHp:100, hp:100, xp:0, att:10, }; 위 코..

JS/VanillaJS 2021.10.24

[VanillaJS] 바닐라js로 틱택토를 만들어보자

바닐라js로 틱택토를 만들면서 기본기를 다져보자. 틱택토는 오목과 룰이 동일하나, 가로, 세로, 대각선 중 한 방향으로 5개를 자기 것으로 칠해야하는 오목과 달리, 3개만 자기 것으로 칠해도 되는 룰을 가진다. 여기서 사용되는 문법은 다음과 같다. (모르더라도 이번 포스팅을 보면서 알면 될 듯하다.) querySelector, createElement html 태그를 선택해주는 querySelector, 또는 html 태그를 추가해주는 createElement. html 파일을 생성해서 ... 와 같은 html 파일을 만들어도 되나, 여기서는 js로 대체하도록 한다. 만약 html 파일을 생성해서 진행한다면 querySelector로 태그를 선택하면 된다. 콜백함수와 고차함수 개념 고차함수가 말이 거창해..

JS/VanillaJS 2021.10.18

[VanillaJS] 바닐라JS의 setTimeOut을 이용한 간단한 로또추첨기 만들기

요즘 리액트를 만지다가 기본 바닐라js의 중요성을 다시 한 번 깨닫게 됐다. 마침 리액트 프로젝트를 같이 하고 있는 친구가 중간고사 기간이라 프로젝트를 잠시 중단하겠다고 선언했기 때문에, 나도 그 기간동안 리액트의 기본이 되는 바닐라js를 다시 한 번 공부하는 시간을 가지는 중이다. 그렇게 해서 만들어본게 간단한 로또추첨기이다. 추첨 결과에 해당되는 6개의 볼이 1초씩 간격을 두고 차례대로 뜨며, 마지막으로 보너스에 해당되는 볼이 텀을 두고 뜨게 하는 프로그램이다. 어렵지 않아 초심자들이 바닐라js 감을 익히기에 좋을 듯하여 코드작성과정을 포스팅하려 한다. 개발환경은 vscode이다. 알고리즘 1. 1~45까지의 숫자 중 랜덤하게 7개의 숫자를 뽑는다. 이 때, 7개의 숫자는 중복돼선 안된다. 2. 7개..

JS/VanillaJS 2021.10.11

Node.js는 무엇일까요?

안녕하세요 오늘은 Node.js에 대한 얘기를 해보려 합니다. Node.js를 배우기 전에, 노드를 배우면 무엇을 할 수 있는지, 노드가 어떻게 돌아가는지, 노드를 배우기 전 선행지식이 뭘지 간단하게 알아보려고 합니다! Node.js? 흔히 '노드'라고 불리는 Node.js는 자바스크립트 활용도가 높아지면서 생겨났습니다. 노드 또한 자바스크립트 언어의 일종인데요, 그동안 자바스크립트로 동적인 웹 페이지를 만들고, 웹서버 기능을 다른 곳 (ex. apache tomcat)에서 빌려왔다면, 노드는 서버 환경에서 작동하는 자바스크립트여서 웹서버 환경을 우리가 javascript로 제작할 수 있습니다! 즉, 노드를 배우면 실제로 작은 홈페이지, 회원가입, 게시판 기능들을 실행할 수 있는 겁니다~ 왜냐? 서버 기..

JS/Node.js 2021.01.21
반응형