본문 바로가기

분류 전체보기280

[220216] Mysql 직접 사용해보기 Mysql의 탄생 유료인 오라클이랑 무료인 mysql이 있었는데 오라클이 mysql을 인수함. 그래서 둘다 유료가 되어버림. 근데 mysql을 오라클이 인수하고나서 신경을 안쓰니까 열받은 개발자들이 나와서 mysql이랑 같은걸 만든게 maria.db. Mysql의 목적 데이터를 하드디크스에 저장하고, 그 데이터를 관리하기 위해서 만들어진 프로그램이다. Mysql에 접속하기 brew install mysql brew services start mysql Mysql 문법 배우기 DDL 데이터베이스나 테이블을 만들때 씀 DML 테이블 안에 있는 데이터를 조작할때 씀 / 가장 많이 쓸 문법 DCL 권한설정, 자주 안 씀 Mysql로 요청/응답 확인하기 요청 보내기 curl : 요청을 보내는 명령어 -X POST.. 2022. 2. 16.
[220211] 터미널 커스텀하기 / 저장시 코드 자동정렬 이제는 더 미룰 수 없다. 너의 Git, 나의 코드. * 맥OS 기반에서 설치한 글이다 * 자바스크립트를 할때까지만해도 굳이 필요성을 느끼지 못했던 커스텀. 원래 튜닝의 끝은 순정이지.라는 마음으로 미루고 미루다 난관에 봉착했다. 말로만 듣던 깃과 깃헙에 가입하고 코딩을 시작하니 branch 위치를 알기가 불편하다. 블록별로 딱딱 떨어지던 지난 코딩과 다르게 뭐 하나만 바꿔도 폭포처럼 줄줄줄 쏟아지는 코드를 헤쳐나갈 자신이 없었다. 그래서 작성하는 터미널 커스텀 작성법. 1. iterm2 설치하기 https://iterm2.com/index.html iTerm2 - macOS Terminal Replacement iTerm2 by George Nachman. Website by Matthew Freema.. 2022. 2. 12.
[220211] Github 원격저장소와 내 폴더를 연결하기, 원격저장소 삭제 목록 1. 원격저장소(레포지토리)에 내 폴더를 연결하기 2. 그림으로 단순하게 보는 Github 흐름 3. 원격저장소를 Github에서 삭제하기 1. 원격저장소에 내 폴더 연결하기 원격저장소를 막 생성하고나면 다음과 같은 페이지가 뜬다. 이 설명서는 README.md라는 폴더를 생성하고 원격저장소에 올리는 과정을 설명하고 있다. 하지만 나는 폴더를 자체적으로 생성해서 연결하는 과정을 작성할 것이다. (원격저장소랑 내 컴퓨터에 있는 폴더의 연결상황을 체크하는 거라 파일명이 같지 않아도 상관이 없음.) 2. 그림으로 단순하게 보는 Github의 흐름 내가 이해하기 힘들어서 이해한대로 그려보았다. 실행활에서 비슷한 흐름으로 기억하면 좀 알기 쉬웠다. 민규네 부모님이 수박밭에서 수확한 수박🍉을 민규에게 보낸다고.. 2022. 2. 12.
[220211] GIT 설치하기 Github 저장소 생성하기 / 맥os (m1칩) * 내 컴퓨터는 맥이다. 맥OS기준으로 작성된 글이다. * html, css, 자바스크립트와 node를 지나 드디어 깃에 도착했다. 후에 깃이나 깃헙을 다시 사용하려고 울며 구글링을 할 나를 위해서 작성한다. [ 목록 ] 1. 다운받아 git 설치하기 2. 다운받지 않고 git 설치하기 3. github 회원가입 4. github 레포지토리 생성 간단히 정리하는 git과 github 시작하기 1. 우선 git을 설치하자 http://git-scm.com/ Git git-scm.com 터미널을 켜서 git -v로 잘 설치되었는지도 확인해보기. 2. 다운받지 않고 맥OS에 git 설치하기 git은 친절하게도 mac에서 git을 설치할 수 있는 다른 방법도 설명해준다. 나는 2가지 방법을 실행해보았고, 이슈가.. 2022. 2. 12.
[220127] 상수와 리터럴의 차이, 객체리터럴, 템플릿리터럴 목록 1. 상수와 리터럴의 차이 2. 객체 리터럴 3. 템플릿 리터럴 리터럴이 뭐냐고 물어본다면 엄.. 몰라요? 근데 쓰긴 썼었던거 같은데?하는것도 한두번이지, 자꾸 찾기도 귀찮아서 수업을 들을때마다 은은하게 지나가며 들었던 리터럴에 대해 찾아보았다. 말 그대로 제공하는 변수가 아니라 고정값 검색할때 언제나 먼저 찾게되는 MDN이 리터럴에 대해 설명한 글이다. 고정값은 상수가 아닌가? 상수랑은 뭐가 다른걸까? 상수의 값은 재할당할 수 없으며 다시 선언할 수도 없습니다. '상수의 값'을 재할당할 수 없다는 것과 상수에는 숫자뿐만이 아니라 객체도 넣을 수 있다는 것에 집중해야한다. 상수 : 배열과 변수의 차이 const b = {} b.box1 = 10 console.log(b.box1) b.box1 = 2.. 2022. 2. 10.
[220127] 변수와 프로퍼티의 차이, 구조 분해 할당 목록 1. 프로퍼티 2. 변수와 프로퍼티의 차이점 3. 구조 분해 할당 자바스크립트는 객체지향언어 제일 먼저 알아야할 개념이다. 간단하게, 객체로 이루어진 프로그램이라고 생각하면 되겠다. 그 안에서 객체끼리 상호작용을 하고, 만들어지고, 사라지며 서로 관계를 맺으며 만들어지는 생태계다. 그러므로 앞으로 설명할 단어들의 간단한 기준은 무조건 객체로 나뉘어진다. 한마디로, 객체 내부에 있느냐 vs 없느냐. (기억 안나서 이 게시물을 찾아온 바쁜 나를 위해 메모 : 맨 밑에 2줄 정리 해놨다.) 구분의 기준점 : 객체 객체는 프로퍼티로 구성되어 있고, 프로퍼티 값이 함수일 경우는 일반함수와 구분하기 위해 메서드라고 부른다. 일반함수와 메서드가 뭐가 다르길래 구분을 하는거지?했는데, class가 존재하는 다른 .. 2022. 2. 10.
[220210] 그림으로 끝내는 branch 기본 (생성,삭제,병합) 나는 무조건 그림으로 그려서 눈에 보여야 잘 이해하는 편이다. 분명히 까먹고 이 글로 돌아와서 개념을 찾아볼 나를 위해. 1. master branch 가장 먼저, 기본적으로 생기는 메인흐름을 담당하는 branch. 처음 생성시 이름을 바꿔주지 않으면 기본값으로 master라고 이름이 붙여지게 된다. 넘버링 되어있는 원들은 Github에 push를 해서 생성 포인트가 생긴것을 가시적으로 표현한 것이다. 1번 포인트부터 생성되어서 6번 포인트로 흘러간다. (6번이 가장 마지막에 생긴 포인트) (최초로 Github에 push된 상태를 1번으로 놓고 시작한다고 보면 된다.) 2. branch 생성하기 어 그러니까 branch가 뭔데? 혹시 요즘 인기가 많아진 멀티버스 세계관을 안다면 좀 더 이해가 편할 것이다.. 2022. 2. 10.
[220210] 템플릿 엔진, nunjuck란? 목록 1. nunjucks의 역할 2. nunjucks의 문법 3. nunjucks 설치법 (링크) 1. 브라우저에 입력된 값을 받아 html을 다시 짜는 nunjucks html이나 css를 사용할때, 서로 다른 파일을 연결하기 위해 script나 style을 사용했었다. 그와 같게 자바스크립트도 독립적으로 존재한다. 그래서 js도 서로를 연결해주는 수단이 필요한데, 그게 바로 템플릿 엔진인 nunjucks다. 그렇다면 템플릿 엔진은 뭘까. 지정된 템플릿 양식에 데이터를 조합해서 HTML문서를 만드는 소프트웨어다. 우리가 보는 웹사이트 화면을 만들어줄때 도와준다고 생각하면 쉽다. 간단히 그림을 그려보자면, 이렇게 이해하면 편하다. 웹서버는 헤더를 읽어주는 express를 통해서 브라우저가 보내주는 요청.. 2022. 2. 10.
[220209] 세션 사용하기 : express-session, memorystore 설치 npm install express-session memorystore 매번 실행할때마다 쿠키를 가져오는 expres-session과 메모리를 저장할 장소에 관한 memorystore 라이브러리기 때문에 npm을 통해서 설치해준다. 세팅 const session = require('express-session') const memorystore = require('memorystore')(session) 세션을 사용할때 3가지를 기억하고 가자 1) 암호화 : 생성하는 결과물들이 겹치지 않게하는 처리 2) 세션을 저장할 공간 : 메모리에 하니? 하드에 하니? 서버에 하니? -> 우리는 메모리에 저장함. 3) 쿠키의 설정 : 세션이라면 기본적으로 필요한 쿠키. 보통은 쿠키의 만료시간이나 쿠키의 범위를 .. 2022. 2. 9.
[220209] 라우터 2개 사용하기, 라우터를 폴더화 시키는 2가지 방법 목록 1) 라우터 2개 사용하기 2) 다른 파일에 있는 코드를 불러오기 3) 라우터를 폴더화 시키기 라우터에 미들웨어 2개 넣기 app.get('/join', (req,res,next)=>{console.log('join1'); next()}, (req,res)=>{console.log('join2')} ) 2개를 이렇게 넣을 수도 있지만 보기에 복잡해서 따로 변수로 받아 넣는 경우가 더 많다. //2) 코드 안에 없으므로 코드 밖에서 a를 찾는다 let a = (req,res,next)=>{ console.log('join1'); next() } app.get('/join', a, (req,res)=>{ //1) a를 코드 안에서 찾는다. //3) a를 실행한다 //4) 그 다음 인자를 실행한다. co.. 2022. 2. 9.