[TIL]

[문제] 새로고침 시 페이지 상단에 현재 서울의 날씨가 20도를 기준으로 높으면 "더워요", 낮으면 "추워요"가 나오게 하기 [시도] 1) let temp = date['temp']; let temp_html = ``; if (temp >

웹개발 강의를 완강 후 복습 겸 나만의 페이지 만들기ㄴ 구성 : 나만의 맛집지도 만들기지도를 삽입하여 태그를 삽입하여 위치 표시를 하고, 태그 클릭 시 맛집에 대한 사진이나 정보를 보여주기지도 삽입하기..카카오맵 API 사용하기Kakao Developers 페이지에서

1) 카카오 디벨로퍼 ('https://apis.map.kakao.com/) 사이트 접속2) 오른쪽 상단에 App key 발급 클릭 후 로그인 (없으면 회원가입하기)3) 로그인 후 내 애플리케이션 -> 애플리케이션 추가하기 클릭4) 앱 이름, 사업자명 작성 후

card에 좋아요 버튼 및 더보기란 추가추가한 버튼 클릭 시 각각 동작 $(document).ready(function () { $(".content").click(function () { }); 각각의 카드의 버튼을 눌렀을 때 실행하기 위해서는위의 코드를

1) 'https://fontawesome.com/' 사이트 접속2) start for free 버튼 클릭3) e-mail 입력 후 Send Kit Embed Code 클릭4) 해당 e-mail을 통해 회원 가입 후 Kit's code 받아 Head 부분의 t

JavaScript 문법기억하고 싶은 값을 메모리에 저장한다 -> 읽어들여서 재사용하는 '변수' 라는 메커니즘 사용변수의 5가지 주요 개념1\. 변수 이름 : 저장된 값의 고유 이름2\. 변수 값 : 변수에 저장된 값3\. 변수 할당 : 변수에 값을 저장하는 행위4

1주차 : 문자열 연습하기대문자와 소문자가 섞여있는 문자열에 s에 'p'의 개수와 'y'의 개수를 비교해 같으면 True, 다르면 False를 return'p', 'y' 모두 하나도 없는 경우는 항상 True를 리턴합니다.(단, 개수를 비교할 때 대문자와 소문자는 구별

1주차 : 반복문, 조건문 연습하기어떤 정수들이 있습니다. 정수들의 절댓값을 차례대로 담은 정수 배열 absolutes와 정수들의 부호를 차례대로 담은 불리언 배열 signs가 매개변수로 주어집니다. 실제 정수들의 합을 구하여 return 하도록 solution 함수를

2주차 : 문자열 내 마음대로 정렬하기문자열로 구성된 리스트 strings와, 정수 n이 주어졌을 때, 각 문자열의 인덱스 n번째 글자를 기준으로 오름차순 정렬하세요.풀다가 도저히 모르겠어서 풀이 영상을 보았다,,문자열에 n번째 글자를 앞에 붙여 배열을 만든 후, 오름

알고리즘 이란?어떤 문제의 해결을 위하여, 입력된 자료를 토대로 하여 원하는 출력을 유도하여 내는 규칙의 집합. 여러 단계의 유한 집합으로 구성되는데, 각 단계는 하나 또는 그 이상의 연산을 필요로 한다.물론 나는.. 하나도 풀지 못했다..!그래도 보면서 어떤 기능으로

정수 x와 자연수 n을 입력 받아, x부터 시작해 x씩 증가하는 숫자를 n개 지니는 리스트를 반환result = 4, 5, 6, 7, 8, 9, 10, 11, 12인덱스값이 증가하면서 그 숫자들을 전부 넣어서 반환해준다.result = 4,6,8,10,12처음 x의 값

ex) a.toUpperCase문자열을 대문자로 모두 변환ex) a.match(/p/ig)포함된 문자를 찾으면 이를 반환함i : 대문자, 소문자 상관없이 찾음g : 해당하는 문자를 전부 찾음ex) a.reduce(acc, val, i)배열의 각 요소에 대하여 주어진 콜

버튼 클릭 시 display block 또는 nonediv를 슬라이드처럼 만들어서, 버튼 클릭 시 특정페이지 또는 다음 페이지로 이동 : main 이라는 div와 more라는 div를 만들어, 버튼을 클릭하면 해당 div의 display 상태를 변경해 준다.함수를 통해

[구현한 것] TMDB API를 이용해 영화 검색 사이트 만들기 center에 있는 main과 more div에 가져온 정보 넣기 [코드]

하샤드의 수 구하기양의 정수 x가 하샤드 수이려면 x의 자릿수의 합으로 x가 나누어져야 합니다. ex) 18의 자릿수 합은 1+8=9이고, 18은 9로 나누어 떨어지므로 18은 하샤드 수입니다.숫자를 문자로 변경하고 분할하고, 다시 숫자로 변경하지 않으려고,다른 변수를

각각 해당하는 live의 좌, 우로 움직이는 버튼 동작하기저번에 비슷한 코드가 있었는데, 숫자가 생기고 반복문에 넣어서 하려니 생각보다마음처럼 쉽지 않았다...그래도 하나하나 더 배워 다음에는 꼭 사용할 수 있기를!

여러 URL에서 정보를 가져와서 카드 생성하기카드를 만든다는 것은 같지만 url과 카드가 만들어지는 곳이 달라서 따로따로 각자 넣어봤다,,배운점처음에는 이렇게 합치려고 했지만 못하서 각각의 url에서 정보를 가지고 와서 함수를 계속 적어뒀는데 너무 지저분해서 줄였을 때

main page에서 해당 영화 더보기 버튼 클릭 시 ranking page로 이동 후 해당하는 영화의 다음 페이지부터 보여주기페이지 이동을 하게 되면 해당 id를 가진 요소를 찾을 수가 없어서함수가 실행이 되지 않는다.해당하는 버튼 별 url이 달라서 어떤 버튼을 눌

나의 개인 과제를 업그레이드 시켜서 영화 검색 사이트를 만들기 !공용으로 사용가능한 header나 footer등은 ejs를 사용랜딩페이지메인페이지상세페이지영화 순위페이지영화 검색페이지회원가입과 로그인 기능프로필 클릭 시 마이페이지 이동돋보기 클릭 시 검색창 -> 입력하

콜라츠 추측: 짝수인 경우 / 2, 홀수인 경우 \* 3 +1을 해줍니다.1이 나올때까지 계속 반복해줍니다.(만약, 500번 이상 넘어가면 -1을 해줍니다.)while이라는 반복문을 사용해 계속 조건에 맞으면 계속 반복해준다.몇 번 반복하는지 알기 위해서 result에

<% %> : html 사이에 javaScript 문법을 작성할 때<%- %> : include 같은 문법 사용할 때 (html이 렌더링되어 나옴)<%= %> : 문자나 숫자 데이터를 넣어줄 때get : 서버에 데이터를 출력 요청할 때post : 서버에

.env 파일 생성숨기고 싶은 내용을 변수처럼 할당해주기dotenv.config(); server.js 작성npm install dotenv 설치해주어야한다.환경변수로 설정한 부분을 작성할 때는 process.env.이름 이렇게 작성해주어야한다.GET : 서버에 데이터

: 정적인 문서를 조금 더 동적으로 표현할 수 있도록 만들어주는 것• 정적 페이지 : 미리 작성되어 확정된 페이지로, 실시간 정보나 맥락을 반영하지 못함• 동적 페이지 : 맥락, 상황을 반영할 수 있는 페이지: Javascript를 브라우저가 아닌 컴퓨터에서 브라우저

array의 각 element 중 divisor로 나누어 떨어지는 값을 오름차순으로 정렬한 배열 returndivisor로 나누어 떨어지는 element가 하나도 없다면 배열에 -1을 담아 return반복문을 통해 arr의 element를 divisor로 나누어 떨어지

문제음양 더하기 : 어떤 정수들의 절댓값을 차례대로 담은 정수 배열 absolutes와 이 정수들의 부호를 차례대로 담은 불리언 배열 signs가 매개변수로 주어집니다. 실제 정수들의 합을 구하여 return코드반복문과 조건문을 사용하여 부호를 붙여서 값을 변수에 더해

없는 숫자 더하기 : 0부터 9까지의 숫자 중 일부가 들어있는 정수 배열 numbers가 매개변수로 주어집니다. numbers에서 없는 숫자를 모두 찾아 더한 수를 return일단 0 ~ 9까지의 숫자배열을 arr라는 변수에 할당해주고, numbers와 a

제일 작은 수 제거하기정수 배열 arr에서 가장 작은 수를 제거한 배열 return단, 리턴하려는 배열이 빈 배열인 경우엔 배열에 -1을 return먼저 가장 작은 수를 찾아서 넣어줄 num이라는 변수를 빈 배열로 할당해주고,가장 작은 값을 찾아서 넣어주었다.차집합을

가운데 글자 가져오기 : 단어 s의 가운데 글자를 return 단어의 길이가 짝수라면 가운데 두글자를 return일단 s 단어의 길이에서 반을 나눠서 가운데를 찾아준다.만약 num이 홀수라면, 소수점은 버리고 s 단어의 num번째 값을 return만약 num이 짝수라면

API 명세서를 작성하여, 최종적 결과물을 미리 파악합니다.MySQL, Prisma를 이용해 데이터베이스를 설계하고 활용합니다.데이터 모델링을 통해 ERD 작성Prisma를 이용한 마이그레이션 코드 및 스키마 코드 작성JOI\*을 통해 다른 Table의 데이터와 결합인

입력값을 해당하는 컬럼명에 값을 변수에 저장새로운 사용자 정보를 데이터베이스에 저장입력한 이메일이 데이터베이스에 있는지 찾아서 만약 있다면 error message를 return비밀번호를 암호화하기 위해 bcrypt 설치 후, 비밀번호를 넣고, 얼마나 복잡하게 만들지

문자열 기본 다루기 : 문자열 s의 길이가 4 혹은 6이고, 숫자로만 구성돼있는지 확인예를 들어 s가 "a234"이면 False return, "1234"라면 True를 return처음 이렇게 코드를 작성했더니 30개 중에서 5개가 틀렸다고 나왔다문자열 길이를 안넣어서

행렬의 덧셈 : 행렬의 덧셈은 행과 열의 크기가 같은 두 행렬의 같은 행, 같은 열의 값을 서로 더한 결과가 됩니다. 2개의 행렬 arr1과 arr2를 입력받아, 행렬 덧셈의 결과를 return반복문을 2번 사용해서 배열안에 있는 값을 찾아서 더해주었다.더 간단하게 사

뉴스피드 프로젝트 : 내 게시물 포함 모든 게시물을 볼 수 있는 곳을 만들기저번 개인과제에서 업그레이드시킨 버전이다.내가 맡은 것 : 좋아요 기능schema Prisma일단 좋아요 기능을 만들기 위해서 likes라는 table을 생성했다.게시물과 댓글에 좋아요를 누르기

내적 : 길이가 같은 두 1차원 정수 배열로 된 매개변수인 a와 b의 내적을 return a와 b의 내적 : a0b0 + a1b1 + ... + an-1\*bn-1

프로젝트 소개 : 반려동물에 대한 다양한 분야의 게시글을 올릴 수 있는 플랫폼ToolAWS RDSAWS EC2AWS S3Thunder ClientInsomniaMySQLNotion (API 명세 작성)Figma (Wireframe)DrawSQL (ERD)Librarie

전체적으로 불필요한 주석은 삭제해주시면 좋을 것 같아요! 추가적으로 try catch 에러핸들링이 안되어 있는 부분이 꽤 보이는데 외부 라이브러리를 많이 사용할수록 스스로 처리할 수 없는 에러는 꼭 핸들링이 필요합니다!!좋아요 생성에서 좋아요 취소기능까지 같이 하고 있

직사각형 별 찍기 : 별(\*) 문자를 이용해 가로의 길이가 n, 세로의 길이가 m인 직사각형 형태를 출력해보세요. (이 문제에는 표준 입력으로 두 개의 정수 n과 m이 주어집니다.)가로길이와 세로길이인 a와 b를 가지고 먼저 가로 길이인 a만큼 \*을 찍어 준 후,세

: 소프트웨어 시스템을 세 가지 주요 계층으로 나누어 설계하는 아키텍처 패턴각 계층은 특정 기능을 수행하고 서로 간섭하지 않도록 분리장점 : 시스템을 유지보수하기 쉽게 만들고, 확장성을 높이며, 코드의 재사용성을 증가컨트롤러(Controller) : 사용자와의 상호작용

테스트코드는 버그를 미연에 방지하고 코드의 신뢰성을 높여준다.하지만 테스트코드 작성에는 추가적인 시간과 노력이 필요하고, 프로젝트 초기에 작성하지 않으면 유지보수가 어려울 수 있다.테스트 시 사용하는 메소드를 설정각 테스트가 실행되기 전에 모든 Mock을 초기화이런식으

[AWS 배포] AWS -> EC2 -> 인스턴스 시작 이름, Ubuntu, 키페어선택 -> SSH 위치 무관으로 선택 꼭꼭 프리티어인 것들로 선택! 인스턴스 생성 후 인스턴스 선택 후 보안에 들어가서 보안그룹 클릭 후 인바운드 규칙 편집 사용자 지정 TCP, 포트

문제3진법 뒤집기 : 자연수 n을 3진법 상에서 앞뒤로 뒤집은 후, 이를 다시 10진법으로 표현한 수를 return코드먼저 num이라는 변수에 n을 3진법으로 변경한 값을 넣어주었다.while 반복문으로 n을 3으로 나눈 후 나머지를 num에 저장해주고 몫이 0이 될때

먼저 jest는 당연히 import 해주고 !테스트를 할 FeedbacksRepository import 해주었다.테스트 코드 실행 전에 이전 mock함수들을 초기화 시켜주고, 다른 것들을 정의해주었다.위의 코드는 createFeedback, findFeedback M

[문제] 최대공약수와 최소공배수 : 두 수를 입력받아 두 수의 최대공약수와 최소공배수를 return 배열의 맨 앞에 최대공약수, 그다음 최소공배수를 넣어 return

[타입 별칭 (Type Aliases)] : 정의한 타입에 대해 나중에 쉽게 참고할 수 있게 이름을 부여하는 것 string 이나 number와 같은 간단한 타입에도 별칭을 붙일 수 있고, interface 같은 타입에도 별칭을 붙일 수 있다. [interface]

[Type Scirpt 기본타입] String : 문자열을 저장하는 변수를 선언 Number : 숫자를 저장하는 변수를 선언 Boolean : 참 또는 거짓을 나타내는 변수를 선언 Array : 숫자로 이루어진 배열을 선언 배열안에 들어가는 key값의 타입 지정

Nest 설치 중 Error먼저 nest.js를 설치새롭게 만들 프로젝트 이름을 넣어주면 nest로 새로운 폴더가 생성되고 초기 Nest 파일 및 지원 모듈이 설치되어 프로젝트의 기본 구조가 생성된다.실행하면 어떤 package manager를 사용할껀지 뜨고, npm

nest.js에서 로그인하면 엑세스 토큰 생성해서 쿠키에 저장하기내 정보 조회 시 UseGuards에서 엑세스 토큰이 있는지 확인하고, 토큰에 담긴 정보 조회해서 반환먼저 로그인 성공 시 jwt를 이용하여 토큰 생성해주고, 쿠키에 저장해주었다.그리고 로그인이 되었다는

다른 모듈의 Repository를 사용하기 위해서 연결하기User Service에서 point Repository를 사용하기먼저 User Module에서PointModule을 imports 해준다!User Service에서 이렇게 작성을 해주고,Point Module에

auth.module에 jwt.strategy와 admin.strategy 두 가지를 만들어 각각 검증하기먼저 각각의 JwtStrategy와 adminStrategy 생성해주기그리고 각각 이름도 설정해주었다!auth.module에 providers에 추가해 준 후,Au

좌석 선택 후 티켓 예매예매 후 포인트 차감먼저 컨트롤러에서 시작 전 토큰이 있는지 검증하기파라미터 -> roundSeatId토큰 -> userId트랜잭션을 위해서 DataSource를 추가해주었다.여러 데이터베이스 작업을 묶어서 원자적으로 처리하기 위해 사용즉, 모든

공연 회차 생성 + 해당 공연장의 회차별로 좌석도 생성해주었다.CreateRoundDto: 내용, 날짜와 시간, 공연 아이디, 좌석별 금액Guard를 통해서 admin 권한을 가진 유저만 만들 수 있도록 해주었다.API 실행 중 실패하더라도 데이터베이스에 저장되지 않도