zuchive

function (일명 함수)라는 문법은 왜 사용할까요? 함수는 긴 코드를 짧게 축약하고 싶을 때, 특정 기능을 다음에도 쓰기 위해 모듈화 해놓는 문법입니다. function 함수명(){ 코드 내용 } function 키워드를 사용한 후 소괄호와 중괄호를 붙이고 소괄호 왼쪽에 함수명을 작명해줍니다. 그다음 중괄호 안에 작성할 코드를 입력해주면 됩니다. 함수 이름을 영어로 작명할 시 주의할 점이 여러 가지가 있는데 그중 첫 번째는 함수명은 영어의 소문자로 시작해야 합니다. 또한 open_modal()과 같이 작성하는 것보다 openModal()과 같이 camelCase 방식으로 붙여 쓰는 것이 자바스크립트 관습입니다. 자바스크립트는 html을 조작하는 언어이기 때문에 조작할 html이 위쪽에 있어야 조작이..

자바스크립트는 HTML 조작을 위해 사용한다 자바스크립트(JavaScript)는 html의 조작과 변경을 담당하는 언어이다. html을 조작하게 되면 탭이나 모달과 같은 웹페이지 UI를 만들 수 있고 유저가 입력한 데이터를 검사할 수도 있다. 또한 유저가 버튼을 누르면 서버로 데이터 요청도 할 수 있다. html 조작 또는 변경을 하려면? 안녕하세요 자바스크립트 코드를 작성할 때는 이런 식으로 원하는 요소에 src = "profile.jpg"를 추가할 수 있다. style='color : red'를 추가할 수 있다. 여기서 .getElementById( )는 셀렉터라고 부르고 html 요소를 찾기 위해 사용한다. .innerHTML / .style / .color 이런 식으로 괄호를 제외하고 작성되는 것..

MongoDB를 통해 데이터베이스에 데이터를 저장하려고 하던 중 Error: querySrv ENODATA _mongodb._tcp.cluster0.082ij.mongodb.net 이러한 오류가 발생했다. 오류가 생겼으니... 해야지..... 구글링..... 스택오버플로우에 있던 내용을 참고했다. 글을 쓴 사람도 나와 같은 오류 문제가 있었는데 아래에 있는 내용처럼 답변들은 거의 다 스타벅스에서만 이러한 오류가 생긴다는 것이었다. 아니나 다를까... 나도 이 오류를 접한 장소가 스타벅스였다. 다른 해결된 글도 참고해보니 스타벅스 같은 공용 와이파이를 사용하는 곳에서는 이러한 오류가 발생한다는 것을 알게 되었다. 그래서 와이파이를 개인용 핫스팟으로 바꾸고 서버를 재시작했더니 아래와 같이 바로 오류가 사라지..

Node.js 기초를 공부하던 중에 '/add' 경로로 POST 요청을 하면 /add 경로 페이지에서 '전송완료' 라는 문구를 확인하고 터미널 창에 input name="title"에 들어온 값을 띄워주고 싶었다. Submit 버튼을 아무리 눌러도 아무런 변화가 없었다. 원인은 간단했다. html의 태그 type이 잘못됐던 것.... 의 type은 button이 아니라 submit으로 되어있어야 한다. 수정 후, 내가 원하는 결과를 받았다! 간단한 실수지만 누군가에게도 도움이 되길 바라며..! +) 추가로 console 창에 crbug/1173575, non-JS module files deprecated. 이러한 오류가 떴다. 이 오류는 인터넷 연결 상태가 좋지 않기 때문에 인터넷 상태를 다시 확인해보..

HTML은 어디에 쓰는 언어일까? HTML은 웹페이지를 만들고 디자인하고 싶을 때 사용합니다. 이 세상에 존재하는 모든 웹페이지는 HTML 언어로 작성합니다. HTML은 Hypertext Markup Language의 약자로, 여기서 Markup Language에 주목하면 됩니다. 마크업 언어란, 자료의 구조를 표현하기 위한 언어입니다. 웹페이지에 글, 그림, 버튼, 박스 등을 넣고 자료를 입력합니다. 그 자료가 어디에 배치되는지 기록하기 위해 존재하는 언어가 HTML 입니다. HTML 문서는 .html로 끝나도록 저장합니다. 모든 HTML 문서는 아래와 같은 템플릿을 기본으로 하며 이 코드를 가지고 있어야 HTML 파일로 인식합니다. 부분엔 사이트 생성에 필요한 인코딩 형식, 사이트 제목, 필요한 CS..

이번 포스팅에서는 Vue 프로젝트 개발을 위한 개발환경 구성에 대해 알아보겠습니다. 1. Visual Studio Code 설치 https://code.visualstudio.com Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows. code.visualstudio.com 링크에 접속해서 Vi..

Vue.js는 수많은 프로젝트에서 Angular JS를 사용하여 구글을 위해 작업하던 Evan You에 의해 개발되었습니다. "내가 Angular에 대해 정말 좋았던 부분을 뽑아낸 다음 추가적인 모든 개념을 동반하지 않고 무언가를 정말 가볍게 만들어보면 어떨까?" 라는 생각에서 Evan You는 Vue 개발을 시작했다고 합니다. 이러한 Vue.js는 현재 React.js에 이어 2번째로 대중적인 자바스크립트 프레임워크/라이브러리가 되었습니다. 그렇다면 Vue.js는 무엇을 말하는 걸까요? Vue.js는 사용자 인터페이스를 만들기 위한 프로그레시브 프레임워크(Progressive Framework)입니다. Progressive는 Web과 Native App의 이점을 모두 수용하고 표준 패턴을 사용해 개발한..