TIL

깃 특강 1회차 (5.15)pwd : 현재 경로 확인하기경로 절대경로: 최초~마지막 모든 경로상대경로 : 현재 경로를 기준으로 나타낸경로. 현재경로=점(.) , 상위경로=(..)으로 나타냄ls : 현재 경로의 파일 및 폴더 조회ls-a: 숨김까지 확인하기 Ls-al :

가로로 정렬을 하고싶었는데 css 박스에서만 코드를 짜려고 하니 여러번 실패했다. 그러다 팀장님께 도움을 요청하게 되었고 style="display:felx" 라는 코드를 배울 수 있었다. 태그에서 class 명 바로 뒤에 style을 입력하고 " " 안에 내가 원하

CRUD 기능 중 U/D 기능 구현에 대한 학습방명록 삭제, 수정 기능을 구현하기 위해 앞서 서버와 클라이언트에 각각 POST API 와 GET API를 입력하였다. 방명록 정보를 입력하면서예상한 결과는 내가 방명록을 입력한 페이지에만 입력되는 것이었고, 출력된 결과는

aws 배포 트러블이미지 올리기 새로운 방법AWS 배포를 시도했는데 서버에 올리는 과정에서 다음과 같은 에러메세지가 떴다.Instance deployment failed to install application dependencies. The deployment fai

gridfs ?gridfs란 mongodb의 대용량 파일을 저장할 수 있는 시스템이라고 한다.mongodb는 문서 단위로 데이터를 저장하고 binary JSON 형식으로 표현하는 반면 gridfs는 큰 파일을 작은 청크로 나누어 mongodb에 저장하고 이 청크들을 관

자바스크립트 기본 문법 강의 수강을 시작했다.강의 수강 전 프로그래머스 문제를 풀며 어렴풋이 알고있던 js 언어 문법 및 메소드 들에 대해 체계적으로 알게 되었다.💜 변수 선언 종류 차이var : 재선언 가능 재할당 가능let : 재선언 불가능 재할당 가능const

TIL 특강배포 문제 해결1.ㅤ문시해알 : 문제, 시도, 해결, 알게된 것시도, 알게된 점을 자세히하루종일 강의만 듣는것은 도움이 안됨나만의 시행착오를 거치면서 복습하는 것이 도움이 됨강의만 들었다면 예제코드를 그대로 치지 말고 다르게 쳐보고 오류 해결해 볼 것ㅤ2-1

1. 협업에 필요한 자세 2. 비전공자를 위한 이해할 수 있는 IT 지식 1. 협업에 필요한 자세 이번주까지 사전캠프를 포함 해 총 두번의 팀프로젝트를 마쳤다. 사전프로젝트에 참여했을 때, 그리고 미니프로젝트 초반까지의 나의 문제는, 뭐가 잘 안되고 있긴 한데, 무

1\. 1주차 과제2 해결과제1은 num++, num--의 아이디어를 생각해 내지 못해서 해설영상의 도움을 받았지만 과제2는 스스로 오래 고민해서 해결했다.나의 풀이answer를 빈 숫자로 선언하고 반복문으로 for문을 0부터 배열크기까지 돌린 후 삼항연산자를 활용해

1\. JS문법종합반 5주차2\. JS 예제 week1 \- 오류해결과정(1) \- 오류해결과정(2)1\. DOM : Document Object Modeling : 자바스크립트가 html문서를 해석하기 위해 파싱한 결과물/ 브라우저에 기본적으로 내장되어 있는

1\. js 예제 1주차 13번 문제 해결 과정2\. js 예제 2주차 문제 해결 과정초기 코드해결 과정(1) Object.assign() 을 활용해 찾은 element를 editingObj로 바꾸는 코드를 입력(2) 실행했더니 바뀌지 않은 db 그대로 출력됨 -> O

1\. GIT branch, merge 연습2\. 4주차, 5주차 예제 해결3\. 헷갈리는 메서드 연습1\.2\. (1) week4Promiseasync/await(2) week5DOM APIclass3\.filter

과제 1\. 영화정보 카드 리스트 UI 구현2\. 영화 id 를 나타내는 alert 창 (ing)1\. 부트스트랩 카드를 가져와 html 골격을 구성함tmdb에서 영화정보를 가져옴스파르타피디아 jquery 골격을 가져와 바닐라 js 문법으로 바꿔줌listing 함수 안

1\. 카드 ID 알림창 구현2\. 검색 기능 구현3\. 대소문자 구분 없이 검색 기능 구현4\. 알고리즘 특강5\. 프로그래머스 1\. 처음에는 id값을 읽어와서 alert 함수를 새로 만들려고 했는데 값이 읽어와지지가 않는 오류가 발생했고, 값을 읽어와도 alert

1\. 부트스트랩 없이 구현하기2\. 추가기능 구현1\.카드 뼈대만 부트스트랩에서 가져와서 id랑 class 빼고 필요없는건 다 지워줬다필요한 디자인과 기능은 css를 일일이 바꾸면서 만들었다css 기능은 구글링 + 다른 분들의 조언을 참고했다.2\.카드 밖 여백 부분

1\. 알고리즘 특강 3일차2\. 프로그래머스3\. git pull, git revert 연습

1\. 혼자공부하는 자바스크립트2\. 프로그래머스3\. 개인 과제 해설1\.32강까지 듣고 문제 풀이 완료2\.직각삼각형 출력하기readlinereadline 모듈은 JavaScript에 내장된 모듈로, readable 스트림에서 한 줄씩 입출력을 처리할 수 있게 도와

form 태그 안에 submit 이벤트를 수행하면 자동으로 엔터,button type이 submit인걸 보고 button type에 대해 궁금해졌다.button : 해당 버튼이 클릭할 수 있는 버튼(clickable button)임을 명시함.submit : 해당 버튼이

영화 상세정보 api에서 개봉날짜를 추출해 왔는데, 개봉 연도만 나타내고 싶어서 처음에는 spice를 사용했다. 하지만 typeError가 발생하였고, new Date로 선언하여 .getFullYear() 메서드를 사용해 해결하였다.장르정보를 추출하기 위해 장르 키를

댓글기능 오류 해결 및 영화id 식별 기능 구현

1\. 리뷰리스트 코드 이해 안됐던 부분 이해2\. 카테고리 코드 이해 안됐던 부분 이해3\. 3\.git pull 취소하기main branch 에서 merge 충돌 날때

1. 프로그래머스 1. 숫자찾기

1\. 카카오맵 CSS2\. JS 객관식 문제 헷갈린 개념 3\. 프로그래머스1\.콘솔 엘러먼스 좌상단의 버튼을 클릭하면 엘러먼트를 브라우저 창에서 바로 선택 가능styles 탭에서 바로 조정 가능 -> 새로고침하면 사라짐카카오맵 픽 아이콘 이미지 크기 수정 불가능 지

Node.js 란?자바스크립트가 실행될 수 있게 도와주는 런타임 플랫폼이다. 처음 들으면 무슨말인지 모르겠다. IDE 란?통합 개발 환경의 약자로, 여러가지 개발자 툴을 결합하여 개발에 관련된 모든 작업을 한개의 프로그램에서 처리할 수 있도록 환경을 제공하는 소프트웨어

express.js란?노드의 프레임워크 (최근 각광받는것으로 nest.js도 있음)package.json: express 관련된 내용이 들어있음package-lock.json: 패키지들이 어떤 버전으로 설치되었는지 기록해놓은 파일node_modules: npm을 통해

포트에러 해결

게시글조회, 상세조회에러메세지게시글수정

댓글 조회 400 에러 메세지 문제 해결댓글 수정 400 에러 메세지 문제 해결

강의 2회독하면서 다시 개념 정리 자바스크립트는 웹브라우저 내에서만 사용할 수 있었음. 로컬(window)환경에서 별도로 자바스크립트를 실행할 수 있게 만들어 주는 것이 node.js다. npm : node package manager npm init packag

개인과제 리뷰 수강몽고디비 \_V 항목 생성 없애기:schema 선언부에 모델 아래에 다음 항목 추가

쿠키와 세션쿠키브라우저가 서버로부터 응답으로 Set-Cookie 헤더를 받은 경우 해당 데이터를 저장한 뒤 모든 요청에 포함하여 보냄데이터를 여러 사이트에 공유할 수 있기 때문에 보안에 취약할 수 있음쿠키는 userId=user-1321;userName=sparta 와

ㄴ

"scripts":{"start":"nodemon"\-$ npm start app.js또는"scripts":{"start":"nodemon app.js"\-$ npm start

테이블 migration 에러

업데이트 메서드 put/patch 차이

REST API란REST 아키텍쳐를 따라 구현된 APIREST는 “Representational State Transfer”의 줄임 말Validation어떤것을 검증한다Schema.virtualJSON 타입으로 Schema를 변환할 때 가상값(virtual)을 반환하도

nodemailer 사용법공식문서https://nodemailer.com/about/gmail로 메일보내기참고링크 https://choice91.tistory.com/62https://www.cckn.dev/dev/2000-9-nodemail

메일러로 메일보내기 성공하고 팀플 코드에 이식까지 하고인증 api를 작성하면서 사용자가 입력한 바디(인증번호)를 어떻게 매칭시킬지에서 막힘바디 파람을 랜덤넘버와 일치하는 조건문을 만들어야하는데 랜덤넘버를 어디에다 저장할지부터 고민이었음구글에 찾아보니 세션에 저장하라는데

개인페이지 연결개인페이지 사용자정보 불러오기메인페이지 피드 불러오기글쓰기 페이지 연결

게시글 상제 정보 불러오기URL에서 id를 param으로 가져오고 fetch요청 주소에 백틱과 달러중괄호를 사용했다

게시글 상세 페이지에서 작성자 누르면 유저정보 페이지로 넘어가도록 구현유저이름을 받아오는 부분 옆에 유저아이디 받아오는 부분 추가 상위 디브를 클릭하면 유저아이디파람을 받아서 유저정보페이지로 이동하도록 로직 작성메인에서 마이페이지로 이동 구현마이페이지가 로그인하면 이동

원시타입 / 객체타입원시타입변수 선언시 변수에는 값이 담기게 된다.다른 변수에 대입시 값에 의한 복사가 일어난다. (call by value)객체타입변수 선언시 변수에는 객체의 값이 담긴 메모리의 주소가 저장된다.다른 변수에 대입 시 주소에 의한 복사가 일어난다. (c

프리티어 기본 규칙프리티어 설치프리티어.JS 설정프리티어 스크립트스크립트 실행규칙es5: JavaScript 버전중 하나인 ES5에서 허용되는 부분까지만 콤마를 뒤에 붙이는 규칙none: 가능한 모든 코드에서 코드 뒤에 붙은 콤마를 제거all : ES8 이전의 버전까지

몽고디비 연결에러127.0.0.1로 바꾸는건 알고있었는데 connect함수를 못찾고있다가 질문드렸다. 해결하고 나니 보이는데 왜 죽어도 안보였을까 toString() vs toISOStringhttps://developer.mozilla.org/en-US/do

객체 지향 (Object-Oriented): 소프트웨어의 핵심을 기능이 아닌 객체로 삼는것객체를 도출하고 각각의 역할을 정의하는 것에 초점책임과 권한을 가진 객체들이 서로 메시지를 주고받으며 협력해서 필요한 기능을 수행하도록 시스템을 개발하는 것크고 복잡한 시스템을 효

: 프로세스가 지원하는 활동한 도메인은 다시 하위 도메인으로 나눌 수 있다하위 도메인은 다른 하위 도메인과 연동하여 완전한 기능을 제공하위 도메인을 어떻게 구성할 지 여부는 상황에 따라 달라짐B2B(Business-to-Business), B2C(Business to

api path 오류: if문 꼬이는거랑 비슷함. /posts/:id의 :id는 posts/뒤에 어떤 문자열이 오면 여기로 넘어와라 라서 /posts/like라는 경로를 만들어도 저기로 갔다. 그래서 만들어준 조건을 읽지 못하고 나는 분명 posts로 반환하게 해놨는데

type script type alias 가능 ?: 선택적 타입 (number or undefined) overloading : 함수가 서로다른 여러개의 call signature를 가지고 있을 때 발생시킴 다형성(Polymorphism) generic classes

회원가입은 유저 레포 사용해서 생성로그인은 jwt를 사용해서 토큰을 생성해서auth컨트롤러에 두가지 서비스 연결 (로그인, 토큰)

댓글 라우터 (create) : postId가 null이라고 자꾸 떠서 생각해봤더니 경로를 index.js에 post랑 다르게 두느라고 comment.route.js에 경로에 postId가 없었다. 그래서 수정해줌

Read Only : master(primary)의 분신. 읽기 전용.select쿼리 원툴. 모든 서비스에서 select쿼리 빈도가 압도적으로 많기 때문.

bcrypt lv5에 적용했는데 password가 null이라 못읽겠다는 오류가 계속 떴다. repository에서 password도 찾게 해놨었는데 암호화되서 못찾아서 에러가 났다. nickname만 찾는걸로 수정

SDSAGADFGFD

Cannot read properties of undefined (reading create) : 해당 프로퍼티가 정의되지 않은 객체 또는 변수를 참조할 때, 객체나 변수의 값이 정의되지 않은 상태에서 프로퍼티를 참조하려 할 때 발생하는 에러 매개변수를 넘겨줄때는 이름

후발대 특강제품이 만들어지는 과정기획단계관여 직군기획자 \- R&R 프로젝트의 전체적인 범위를 파악하고 제품의 요구사항을 수집 요구사항에 맞는 시스템 설계 및 기능 기획 EX)와이어프레임 서비스를 만들기 위한 설계도를 만들고 완성해가는 사람 \-

INTEGER 타입 숫자 여러자릿수일경우 맨 앞에 0이 오면 오류남npx sequelize db:migrate:undo --helpnpx sequelize db:migrate:undo --name

CSS display gridhttps://studiomeal.com/archives/533

ㅇ

res.locals.user = user;어스 미들웨어 43에서 토큰을 기반으로 유저를 찾을때 지퀄라이즈 애트리뷰트로 유저아이디만 뽑아서 토큰화할수있도록 해야함jwt토큰은 최대한 중요한 정보가 없어야 함. 유저야이디, 이메일,닉네임정도만. 인코딩펜딩-> 비동기 awai

INTEGER 타입 숫자 여러자릿수일경우 맨 앞에 0이 오면 오류남npx sequelize db:migrate:undo --helpnpx sequelize db:migrate:undo --name외래키 참조키 대소문자 다르면 불러올때 중복될수있음깃 머지 패키지 제이슨

발표 피드백음식점이 카테고리를 여러개 가질수있으므로 다대다 관계로 변경주문보기 시간순정렬, 주문상태별로 주문완료끼리/미완료끼리 볼수있게 새로운기능 구현 해보기httponly true로 하고 기능구현하는게 좋다미들웨어 코드 분석라이브러리 및 환경 변수 로드generate

type enumhttps://pjt3591oo.github.io/sequelizejs_translate/build/html/CoreConcepts/DateTypes.html

마이그레이션 테이블 명 변경

d

d

TYPE error 업데이트 주문 정보가 정의가 되어있지 않다는 에러 발생고객주문레포지토리에서 상태정보를 업데이트한 후 필요없는 리턴부를 작성해놓아서 해당줄에서 에러가 발생.

d

SQL Prepared statement https://iksflow.tistory.com/127 Statement는 DDL(CREATE, ALTER, DROP) 구문을 처리할 때 적합하다. 매 실행시 Query를 다시 파싱하기 때문에 속도가 느리며, SQL Inj

typeORM모듈에러sql 버전문제sql uninstallsql2 installdatabase 연결 에러create database board테이블 생성 에러configentities: Article

sql특강2회차\-- left join : null 포함\-- group by <?>\-- having num_orders=0\-- create or replace view total_spent_view as select first_name, sum(amount)

프론트 특강터미널창 여닫기 : ctrl + j익스플로러창 여닫기 : ctrl+bCtrl+k+k손떼기+w : 모든창 닫기Ctrl+p : 파일찾기Class=”bg-dark text-light” : bg-dark: 배경색 어두운색설정 text-light:텍스트밝은색설정bg말

git push -fmerge revert

console.log를 찍어서 코드 실행 순서를 보면서 디버깅

컬럼데이터를 forEach로 돌면서 컬럼을 붙이고, 그 내부에서 카드데이터를 forEach로 돌면서 붙이고 난 후, 카드의 수정 삭제를 요청하니 컬럼 개수만큼 동작하는 문제 발생함수 분리카드 수정로직, 삭제로직을 관리하는 함수를 분리하여 루프에서 함수를 호출각 카드의

날짜 캘린터 입력

https://khj93.tistory.com/entry/Database-RDBMS%EC%99%80-NOSQL-%EC%B0%A8%EC%9D%B4%EC%A0%90Databse: 컴퓨터시스템에 전자 방식으로 저장된 구조화된 정보 또는 데이터의 체계적인 집합DBMS

mvc 패턴은 디자인 패턴 중 하나이다. 디자인 패턴이란프로그램이나 어떤 특정한 것을 개발하는 중에 발생했던 문제점들을 정리해서 상황에 따라 간편하게 적용해서 쓸 수 있는 것을 정리하여 특정한 규약을 통해 쉽게 쓸 수 있는 형태로 만든것로직의 유지보수를 돕기위해, 좀

정규화(noramlization) : 이상현상이 있는 릴레이션을 분해하여 이상현상(anomaly)을 없애는 과정. 장점데이터 베이스 변경 시 이상현상을 제거할 수 있다정규화된 데이터베이스 구조에서는 새로운 데이터 형의 추가로 인한 확장 시, 그 구조를 변경하지 않아도

중복검사하는데 그냥 찾게 하니까 자기것도 찾아서 있다고 해서 걸려서, 찾은거 아이디랑 변수로 받은 아이디랑 비교해서 다르면 에러에걸리도록 로직 추가. 근데 같은 아이딘데 자꾸 걸림. id 말고 member.id로 바꿔보니 됨. 그런데 id도 되긴되야하는데 안돼서 , 콘

수정창에서 받아오는 값 중 boolean인 값이 있었는데, 처음에는 다른 항목들과 똑같이 인풋창에 입력해서 (true,false를 문자열로) 받아오게 했다. 그런데 boolean 값이 제대로 읽히지 않아서 api요청 서버 오류가 났다. 콘솔로그로 찍어보니 타입이 모두

nest로 crud에 필요한 모듈 한번에 생성하기DTO를 PartialType으로 재사용하기https://zinirun.github.io/2021/01/29/nestjs-study-3/타입 불일치 에러await이 없으면 member 타입: Promiseawai

댓글 등록 api를 호출하는데 게시물 수정 api가 호출되는 에러 발생제출과 관련한 함수들에 event.preventDefault();를 추가하여 동작 제어 후 fetch 요청기존 에러 해결댓글 등록은 실패네트워크 탭에서 comment 의 payload를 보니 docu

슬랙 워크스페이스 생성https://slack.com/intl/ko-kr/get-started앱 생성api.slack.comcreate an appfrom scratchapp feature 에서 bots 선택참고: https://velog.io/@hy

git stash savegit stash apply

nest g res : Generate a new CRUD resourceDTO를 PartialType으로 재사용하기부트스트랩 (Bootstrap) 그리드 시스템을 활용하여 테이블의 크기를 조절부트스트랩 그리드 시스템은 열(col)과 행(row)을 사용하여 페이지를 나

SYNCRONIZE: true,엔터티를 데이터베이스와 동기화할 수 있으므로 마이그레이션이 필요하지 않음

Guards(가드)Nest.js의 중요한 기능 중 하나로, 라우터 핸들러에 들어오는 요청을 검사하고, 필요한 조건이 충족되지 않는 경우 요청을 처리하지 않거나 거부하는 역할주로 인증, 권한 부여 및 요청 유효성 검사 등을 처리하는데 사용AuthGuard, RolesGu

https://docs.nestjs.com/security/authenticationNest.js에서 제공하는 JwtService는 JWT 관련 작업을 쉽게 수행하기 위한 서비스JwtService를 사용하면 JWT를 생성하고 검증하며, 토큰 내에 포함되는 정보

TypeORM IntegrationretryAttempts: 데이터베이스 연결 시도 횟수(기본값: 10)retryDelay: 연결 재시도 간격(ms)(기본값: 3000)autoLoadEntities: true이면 엔터티가 자동으로 로드됩니다(기본값: false).

이벤트 핸들러를 사용하여 버튼을 클릭하면 다른 페이지로 이동하는 것으로 보입니다. 이렇게 되면 버튼의 표시 여부와는 상관없이 클릭 시 페이지 이동이 발생할 것입니다.따라서 payButton이 논리적으로 숨겨져야 하는 경우에도 사용자가 버튼을 클릭하면 페이지가 이동하는

https://developers.channel.io/reference/welcome-to-channel-kr