분류 전체보기
-
변수와 상수(1)JavaScript 2022. 6. 17. 01:16
변수란? 변수는 데이터를 저장할 때 쓰이는 '이름이 붙은 저장소'이다. 주로 정보를 저장할 때 변수를 사용한다. 자바스크립트에서는 let, var, const를 사용하여 변수를 선언을 한다. // let의 사용법 let age //변수 앞에 let을 붙여 이름을 가진 변수를 생성(선언) 해준다. let age = 20 //할당 연산자(=)를 사용하므로서 age라는 변수에 정보를 넣어 데이터를 저장한다. alert(age); // alert에 age를 넣으면 age라는 변수에 저장된 값을 보여준다. 물론 다른 방식으로도 가능하다 let age //변수를 선언 age = 20 //변수로 선언된 age에 데이터를 저장한다. alert(age) // age에 저정된 데이터 값을 불러온다. 위의 방식으로도 변수에..
-
자바스크립트란?카테고리 없음 2022. 6. 16. 00:20
자바 스크립트는 웹페이지에 생동감을 불어넣기 위해 만들어진 프로그래밍 언어이다. 자바스크립트로 작성한 프로그램을 스크립트라고 부르는데, 이때 스크립트는 웹페이지의 HTML 안에 작성할 수 있는데, 웹페이지를 불러올 때 스크립트가 자동으로 실행이 된다. 또한, 스크립트는 특별한 준비나 컴파일 없이 보통의 문자 형태로 작성할 수 있고, 실행도 가능하다. 왜 자바스크립트 인가? 처음 자바스크립트가 만들어졌을 때에는 LiveScript라는 이름으로 불렸다. 그런데, 당시 자바의 인기가 매우 높았다. 그래서 관련인들은 자바라는 이름을 붙여 이름을 지으면 다른 개발자들의 이목을 끌며 홍보를 하기 위해 라이브스크립트라는 이름 대신에 자바스크립트라는 이름이 탄생이 되었다. 그렇다고 해서 절대 자바와 자바스크립트는 동일..
-
git https 토큰 등록하기git 2022. 1. 18. 10:12
토큰을 생성하는 글은 많이 있었지만 터미널을 통해 깃 토큰을 넣어 키체인을 생성하기 위해 노력하시는 분들이 있다. 그중 하나가 저... 라는 사실... 아무리 찾아도 깃에서 토큰생성해서 등록하는 글은 많았지만 키체인에서 github.com 파일이 생성이 되지 않았는데 거기에 무슨 토큰을 넣으라는 건지.... 저는 그랬습니다. 그래서 그런 키체인에서 github.com 파일이 없으셔서 토큰 키체인에서 등록이 어려운 분들을 위한 글입니다. 만약 위의 사진과 같이 저런 모양의 github키체인이 생성이 생겼다면 여러 블로그가 자세히 설명히 되어있습니다. 하지만 저는 저 파일이 생성이 되지않아 토큰이 등록이 어려운 분들을 위한 글을 쓰겠습니다. 일단 많은 블로그들을 보시면 아시겠지만 먼저 github에 가셔서 ..
-
mysql 게시글 불러오기- 데이터 전부 불러오기.DataBase/Mysql 2022. 1. 17. 16:27
저번 글에서 게시글 작성에 관련된 것을 작성했다면, 이번 글에서는 작성한 글들을 전부 불러오는 방법에 대해서 다룰거다. 두가지 방식으로 정보를 가져올 것인데, 하나는 쿼리문을 이용해서 가져오는 방법과 다른 하나는 sequelize로 가져오는 방법 두가지를 사용할 예정이다 GET요청으로 게시글 전부 불러오기 app.js 같은 경우에 변경사항은 없다 이유는 이미 저번 글에서 index.html을 랜더링을 했기 때문에 routes의 index.js에서 GET요청만 하면 된다. routes/index.js // GET요청하기 sequelize const express = require('express'); const router = express.Router(); const { Posts} = require('..
-
mysql 게시글 불러오기- 데이터 저장DataBase/Mysql 2022. 1. 17. 10:45
전편에는 mysql을 이용하여 게시글에 관련한 db생성 방식을 설명 하였다면, 이번에는 mysql의 db정보를 가져와 게시글을 생성하는 방식이다. 쿼리문을 사용하여 데이터를 불러오는 방식과 sequelize를 이용하여 데이터를 불러오는 방식 2가지가 있다. 본인은 2가지를 최대한 다양한 방면으로 사용해 보도록 노력하고 있다. 일단 sequelize를 통해 데이터를 가져오는 방식으로 설명하겠다. Sequelize란? sequelize란 nodeJS에서 mysql을 사용할 때 raw Query문을 사용하지 않고 더욱 쉽게 다룰 수 있도록 도와주는 라이브러리이다. sequelize는 ORM(Object-Relational Mapping)로 분류가 됩니다. ORM이란 객체와 관계형 데이터베이스의 관계를 매핑 해..
-
05일 TILTIL/22.1월 2022. 1. 6. 06:15
한 해가 지나 벌써 5일이나 지났다.. 그동안 과제를 수행하느라 정신이 없어 TIL을 쓰는 것 조차 생각지 못했다. 지금 현재 멋사에서 진행중인 노드 스터디와 감귤마켓 클론이라는 과제를 진행 중이다. 노드는 말 그대로 node.js 백앤드를 주로 다루는 스터디이다. 대표님이 주최하신 백앤드 공부를 하고 싶은 사람들을 위해 만드셨다. 스터디 같은 경우에는 과제를 주면서 1주일에 하나씩 지정해주신 미션을 토대로 간단한 토이 프로젝트를 만드는 스터디를 만드셨다. 역시 계속 이론 공부하는 것보다 이렇게 토이 프로젝트를 하면서 자기가 직접 찾아보고 붙이혀 보면서 만드는 방식이 성장하기 좋은 것 같다고 다시 한번 느꼈다. 감귤마켓 클론은 멋사에서 지정해준 팀원들과 소통하여 각각 자기가 맡은 분량을 만들어 협업하는 ..
-
mysql 게시글 불러오기- dbDataBase/Mysql 2022. 1. 6. 06:07
db 설정하기 (GET) 본 글은 사진 위주로 설명할 계획입니다. // db생성 하기 - 터미널 사용 $ npm i mysql mysql2 sequelize -S // 라이브러리 생성 $ npm i sequelize-cli -D $ npx sequelize init // 생성되면 seeder, module,migration,config 폴더가 생성이 된다. //config.json 파일로 이동 { "development": { "username": "root", // 기본적으로 디비생성하면 root로 생성됨 "password": null, // 자기가 지정한 로컬 비밀번호 입력하기 예 = "password": "자신의 비밀번호" "database": "project_name", // db이름 지정해 준다..
-
29일 TILTIL/21.12월 2021. 12. 29. 01:03
오늘은 간단한 html과 css를 이용하여 자기소개서를 웹페이지 방식으로 꾸미는 것을 만들었다. 자기소개서를 웹페이지 같이 만들려고 하니깐 처음에 구상을 짤 때 어느 식으로 짜야 할지를 시간을 많이 쏟은 것 같다. 자기소개서를 웹동작으로 만드는 이유는 일단 기본적인 UI를 만들 수 있다는 것을 알리는게 첫번째 이고, 두번째는 내가 지금까지 해온 것과 앞으로의 할 일을 들을 보여주기 좋은 프로젝트중 하나로 생각해서 만드는 중이다. 막상 나의 이야기로 만들려고 하니깐 어떤 식으로 짜야 할지.. 어떤식으로 짜야 회사에서도 이쁘게 잘 만들었다는 것을 보여 줄 수 있을지 많은 고민을 했다. 고민 끝에 내린 결론은 일단 만들자 였다. 현재 내가 보여줄 수 있는 실력을 쏟아내서 보여준다면 분명 나를 알아봐 주는 회사..