본문 바로가기

전체 글

챌린지 5번째 문제  코드 및 풀이 n이 주어졌을때의 n만큼 Array를 만들고 짝수 개만 골라서 더 해주면 된다. Array를 채우는 방법은 여러가지가 있다.1. Array(100) => 비어있는 100개가 채워짐2. '0'.repeat(100).split('') => repeat으로 100개를 채우고 split해서 사용하는 경우  Array(100)  => 100에 n이 들어간다고 보고fill()로 채워 줄거다. => () 괄호 안에 0을 넣거나 아무것도 넣지 않으면 undefined로 채워진다.Array(100).fill()=> 여기서 map을 사용할건데 Array(100).fill().map(())사용하지않는 변수는 언더바(_)를 넣는다.map에는 value와 index가 들어간다.map((value, inde.. 더보기
챌린지 4번째 문제   12000 * n + 2000 * k를 리턴해주면 되는데 서비스로 받은 음료수가 있기 때문에if문을 사용해서 n이 10보다 크거나 같을 때 n에서 10을 나눈 값을 k에서 -해줘야한다.Point => 정수만 출력해야하기 때문에 비트부정연산자 ~~를 사용해준다.  if (n >= 10){         k -= ~~(n/10)     } 더보기
카페 추천 웹사이트(카페추천리스트 페이지 수정, 메인페이지 수정) 기존의 디자인했던 것에 추가되는부분이 알람과 마이페이지부터 수정하겠습니다. 알림버튼은 아이콘을 사용할 예정이기 때문에npm install react-icons --save를 사용해서 설치를 해준다. 설치가 완료되면React Icons 해당 사이트에서 사용할 아이콘을 골라준다.(저는 알림버튼을 대체할 종모양 => fa FaBell) 그 다음 해당 아이콘을 사용할 react파일에 import해준다.import { FaBell } from "react-icons/fa"; 여기서 주의할 점은 'react-icons/fi' 이 부분이다.위의 사진을 자세히 보면 아이콘의 이름들이 파스칼 케이스로 되어 있는 것을 볼 수 있다.(파스칼 케이스 : 첫 글자와 중간 글자가 모두 대문자) 여기서 파스칼 케이스 중 첫 번째 .. 더보기
카페 추천 웹사이트(뭔가 찜찜해서 다시 되짚고 가는) 저번시간에 Node.js로 DB연결을 했는데 뭔가 프론트 부분에서도 그렇고 백엔드 부분에서도 그렇고 세부적으로 기획하지 않고 넘어 간거 같아 기존의 프로젝트를 유지하면서 처음부터 차근차근 진행하려고 한다.  1. 메인페이지 (기능)사진 클릭시 로그인 창 띄우기로그인 창 (회원가입 시 이메일=아이디, 비번 찾기 기능)이미지 슬라이드 (가능하다면 카페 추천 리스트에 올라와있는 사진들로 슬라이드 구성 ex) 카페가 새로운 곳이 추가가된다면 이미지 슬라이드에도 사진하나가 추가되어 슬라이드 되는 기능)2. 카페 리스트 페이지 (기능)카테고리 별 검색 (지역, 맛집 태그)카페 추가 버튼마이페이지, 알림 nav추가즐겨찾기 기능3. 카페 상세 페이지 (기능)카페 이미지 및 카카오맵API로 카페 위치 표시 => 이 기능.. 더보기
챌린지 3번째 도전 문제각도기   해설 : 0도 초과 90도 미만 = 예각90도 = 직각90도 초과 180도 미만 = 둔각180도 = 평각 예각, 직각, 둔각, 평각을 각각 1,2,3,4을 return하도록  함수를 완성해야한다. if문으로  조건 1 : angle이 90미만 일때조건 2 : angle이 90일때조건 3 : angle이 180미만 일때조건 4 : angle이 180일때(나머지) 더보기
챌린지 2번째 도전 나이출력 문제   2022 - age를 하게 되면 1982가 되는데 age + 1을 해준다.여기서 2022와 1은 둘다 숫자이기에 둘다 더해주면 2023 - age를 해주면 정답이 된다. 더보기
대구 면접 복기 면접 질문 자기소개 및 지원동기지원한 회사가 어떤 회사인지 알고 있는지채용 공고에 게시된 기술스택 사용경험 풀스택 개발자를 지향하는지 스키마가 뭔지 설명 PostgreSQL을 어떻게 생각하는지피드백 받은 내용프로젝트 배포를 해놓으면 면접관분들이 확인하기 편해서 배포를 해놓는 것이 좋다. 더보기
카페추천 웹사이트(각 페이지 연결 및 DB 연동) 저번시간에 하던 페이지 연결을 일단 마저 하고 DB연동을 하겠습니다. server.js코드const express = require('express');const path = require('path'); // path 모듈 추가const app = express();const port = 5000; // 원하는 포트 번호로 변경 가능// React 빌드 파일을 정적 파일로 제공app.use(express.static(path.join(__dirname, 'build'))); // build 폴더 경로 설정// 기본 라우트 설정app.get('/', (req, res) => {    res.sendFile(path.join(__dirname, 'build', 'index.html')); // index... 더보기