일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
- 쌓임맥락
- 프로그래머스 프론트엔드 데브코스
- git 같은계정 다른 컴퓨터
- 프로그래머스 데브코스
- KDT 프로그래머스
- 리스트 렌더링
- vue 지역 컴포넌트
- SCSS forward
- SCSS extend
- react next
- postcss
- SCSS import
- SCSS use
- flex
- 폼 입력 바인딩
- vue mixin
- 리액트
- vuex map
- 이벤트 수식어
- Vue
- 프로그래머스 K_Digital Training
- 다른컴퓨터에서 git사용
- intersection opserver
- netlify redirect
- Spacer
- vue 이벤트 수신
- KDT 프로그래머스 데브코스 프론트엔드
- 프로그래머스 데브코스 프론트엔드
- nextjs사용법
- 고양이 사진 검색기
- Today
- Total
목록분류 전체보기 (307)
혼자 적어보는 노트
private 레퍼지토리 클론 시 오류날 때. (윈도우만 해당) 링크에 유저아이디랑 비밀번호를 넣으라는 등등 여러가지를 시도해보았으나 실패했다😓 해결방법 github에서 액세스 토큰 발급받고 윈도우 자격증명란에서 git:https://github.com 편집 버튼 클릭(삭제 후 다시 만들어도 됨) -> 비밀번호란에 토큰 붙여넣기 참고한 곳
✅ 학습 목차 - [Day 5] JavaScript 주요 문법 (5) ✅ 새롭게 학습한 부분 - 그래프 - 그래프의 구현/탐색 - 트리 - 트리의 탐색 그래프(Graph) - 단순히 노드(N, node)와 그 노드를 연결하는 간선(E, edge)을 하나로 모아 놓은 자료 구조 - 정점 집합과 간선 집합으로 표현할 수 있다. - 정점은 여러개의 간선을 가질 수 있다 - 순회는 DFS나 BFS로 이루어진다. - 크게는 방향 그래프와 무방향 그래프로 나눌 수 있다 그래프의 구현 2가지 1. 인접 리스트 : 그래프를 표현하는 가장 일반적인 방법. - 모든 정점을 인접 리스트에 저장한다. 각각의 정점에 인접한 정점들을 리스트로 표시. - 정점의 번호를 배열의 인덱스로 하여 정점의 리스트에 쉽게 접근할 수 있다. ..
✅ 학습 목차 - [Day 4] JavaScript 주요 문법 (4) ✅ 새롭게 학습한 부분 - Queue - 해시테이블 Queue queue 를 Array형식과 연결리스트 형식으로 구현하는 방법을 알게되었다. 🔥queue문제에서 shift를 쓰면 안된다고? 지금까지 queue관련 문제가 나왔을 때 shift로 해결을 했었는데 shift()를 사용하면 O(n)의 시간복잡도를 가지기 때문에 array형식과 연결리스트 형식으로 구현하는 것이 좋다고 한다. + 제한사항이 작을 경우 shift를 사용해도 된다. 연결리스트를 사용한 큐 방식이 아직은 조금 어색해서 버벅대면서 했다😢😢 해시테이블 키와 값을 받아 해싱하여 나온 index에 값을 저장하는 선형 자료구조 삽입은 O(1)이며 키를 알고 있다면 삭제, 탐색..
✅ 학습 목차 - [Day 3] JavaScript 주요 문법 (3) ✅ 새롭게 학습한 부분 - 시간복잡도 - 연결리스트 시간복잡도란? 알고리즘을 수행하기 위해 프로세스가 수행해야하는 연산을 수치화 한 것 Big-O 표기법 Big O 표기법은 최악의 경우를 고려하며, 프로그램이 실행되는 과정에서 소요되는 최악의 시간까지 고려할 수 있다. Big-O 표기법의 종류 O(1) < O(log n) < O(n) < O(n log n) < O(n2) < O(2n) < O(n!) O(1) 상수 시간 (Constant time) 입력값이 증가하더라도 시간이 늘어나지 않는다. O(log n) : 로그 시간 (Logarithmic time) 원하는 값을 탐색할 때 경우의 수를 절반으로 줄여가며 탐색을 하는 Binary S..
✅ 학습 목차 - [Day 1] JavaScript 주요 문법 (2) ✅ 새롭게 학습한 부분 - 브라우저에 url을 입력했을 때 발생하는 일 - 객체지향 프로그래밍 / 함수형 프로그래밍 - 프로토타입 (추가적으로 학습 필요) - 이벤트루프 💡 브라우저에 url을 입력했을 때 발생하는 일 기술면접 때문에 이전에 접해본 적 있는 개념들이였지만 세부적으로 잘 몰랐던 부분들이 있어서 전체적으로 정리를 하게 되었다. 1. URL을 해석한다. scheme://:@:/ Scheme : protocol을 의미하며 http, ftp, sftp, pop3, IMAP을 말한다. -> 구조가 맞지 않다면 웹 브라우저의 기본 검색엔진으로 검색을 하게된다. 2. HSTS(HTTP Strict Transport Security)의..
✅ 학습 목차 - [Day 1] JavaScript 주요 문법 (1) ✅ 새롭게 학습한 부분 - for문에서 생기는 var의 이슈 - in operator - 클로저 1. for문에서 생기는 var의 이슈 + setTimeout 직접 사용해 보면서 문제점을 겪어보지 않았기 때문에 var에 관련된 것이 이전부터 조금 어렵긴 했다. var sum = 0; for (var i = 0; i { console.log(i); }, 1000); } /// 5 5 5 ..
로그인이나 로그아웃, 회원가입 등 서버에 요청을 보냈을 때 바로 응답을 하지 않고 먼저 검증을 할 수 있는 미들웨어를 만들어 보자. 로그인요청을 할 경우 로그인이 되어있지 않은 상태여야 하고 로그아웃 요청을 할 경우 로그인을 한 상태여야 한다. 또한 로그인 상태를 체크하는 route들이 많아질 수 있기 때문에 반복적인 코드를 줄이기 위해 미들웨어를 추가로 적용하는 것이 좋다. 📄 알아야 할 것 const express = require('express'); const router = express.Router(); router.get('/', function(req, res) { res.send('Hello world!'); }); module.exports = router; router의 get, po..
로그인 시 DB에서 유저의 ID를 조회하여 유저의 정보를 전달 해주었는데 유저의 데이터는 사용자의 입력으로 생성된 email, nickname, password뿐이며 이 정보만 전달해서 보낼 경우 유저가 올린 게시글 정보 등 연관된 데이터는 알 수가 없다. 또한, password는 프론트로 보내서 state에 저장할 필요가 없다. 즉, front에 데이터를 보내기 전에 뺄 건 빼고 추가할 건 추가해서 보내주어야 한다. const userData = await User.findOne({ where: { id: user.id }, attributes: { exclude: ["password"], // user데이터에서 password만 빼고 가져오기 }, include: [ // 추가로 포함시킬 데이터, a..