전체 글 썸네일형 리스트형 챌린지 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... 더보기 카페추천 웹사이트(카페 작성 페이지 및 백엔드 설치) 카페 작성, 수정, 삭제를 하기위해 먼저 카페 작성 페이지를 만들었다.CafeAdd.jsimport React, { useState } from "react"import styles from './CafeAdd.module.css';export default function CafeAdd() { const [name, setName] = useState(''); const [region, setRegion] = useState(''); const [category, setCategory] = useState(''); const [location, setLocation] = useState(''); const [image, setImage] = useState(null); .. 더보기 이전 1 2 3 4 5 6 7 8 다음
