✅ 프로젝트 소개 야놀자 미니 프로젝트 - 숙박 예약 서비스 개발 기간: 2023.11.06 ~ 2023.11.16 리팩터링 기간: 2023.11.20 ~ 2023.12.15 ✅ 관련 링크 홈페이지: https://www.fastcatchapp.com/ 깃헙: https://github.com/FC-FastCatch/FastCatch-FrontEnd ✅ 구현 기능 1) 로그인 페이지 유효성 검사 useForm을 사용해 각 항목에 대한 유효성 체크 유저정보 전역 상태관리 로그인 시 유저정보 전역 상태로 담아 각 페이지에서 사용자 Id로 내정보 조회 에러 메시지 핸들링 실패 응답 값에 따라 존재하지 않는 회원이거나, 비밀번호 불일치 시 toast 알림 노출 2) 회원가입 페이지 유효성 검사 useForm을 ..

✅ 프로젝트 명: 직원 사진 관리 서비스 개발 기간: 2023.08.08 ~ 2023.08.18 리팩터링 기간: 2023.08.28 깃헙 주소: https://github.com/Eojoonhyuk/fastcampus1/tree/KDT0_EoJoonHyuk GitHub - Eojoonhyuk/fastcampus1 Contribute to Eojoonhyuk/fastcampus1 development by creating an account on GitHub. github.com 배포 주소: https://peppy-dango-21536f.netlify.app 직원관리서비스 peppy-dango-21536f.netlify.app Stacks: JavaScript, CSS3, HTML5 🖥️ 주요 화면 구성..

지난주에 PR을 올리고 코드 리뷰를 받아 리펙터링하는 HTML/CSS 과제를 진행하였다. 주요 작업은 아래와 같다. 1. 반응형 웹 사이트로 제작(모바일 제외) 2. scss 변수 설정 3. 이미지 오버레이 수정 1. 반응형 웹 사이트 구현(768px ~ 1024px, 테블릿) header main image main section footer 2. scss 변수 설정 3. 이미지 오버레이 수정 해결한 방법 - 사진을 자르고 top 속성에서 bottom으로 변경 느낀점 HTML과 CSS는 프로젝트를 진행하면서 많이 안다고 생각했는데 아직 많이 부족하다. 꾸준히 시멘틱 태그와 이미지를 다루는 법을 학습해야 겠다고 생각했다. 폴더 구조 또한 수정이 필요하다고 생각이 든다.

문제출처: https://www.acmicpc.net/problem/24460 24460번: 특별상이라도 받고 싶어 첫 번째 줄에는 정수 $N$이 주어진다. (단, $N = 2^m$, $0 \le m \le 10$, $m$은 정수) 두 번째 줄부터 $N$개 줄의 $i$번째 줄에는 $i$번째 줄에 있는 의자에 적힌 추첨번호가 주어진다. 각 줄에는 $N$개의 추첨 www.acmicpc.net 문제풀이 const fs = require("fs"); const input = fs.readFileSync("/dev/stdin").toString().split("\n"); const N = parseInt(input[0]); const graph = []; for (let i = 1; i a - b); return..

문제출처: https://www.acmicpc.net/problem/18222 18222번: 투에-모스 문자열 0과 1로 이루어진 길이가 무한한 문자열 X가 있다. 이 문자열은 다음과 같은 과정으로 만들어진다. X는 맨 처음에 "0"으로 시작한다. X에서 0을 1로, 1을 0으로 뒤바꾼 문자열 X'을 만든다. X의 뒤에 www.acmicpc.net 문제풀이 const readline = require("readline"); const rl = readline.createInterface({ input: process.stdin, output: process.stdout, }); let input; rl.on("line", (line) => { input = line.trim(); rl.close(); }..

문제출처 : https://www.acmicpc.net/problem/1439 1439번: 뒤집기 다솜이는 0과 1로만 이루어진 문자열 S를 가지고 있다. 다솜이는 이 문자열 S에 있는 모든 숫자를 전부 같게 만들려고 한다. 다솜이가 할 수 있는 행동은 S에서 연속된 하나 이상의 숫자를 잡고 모 www.acmicpc.net 문제풀이 const fs = require("fs"); const filePath = process.platform === "linux" ? "/dev/stdin" : "./input.txt"; let input = fs.readFileSync(filePath).toString().trim() const result = [] for(let i=0; i < input.length; i+..