본문 바로가기

전체 글119

최근 업로드 못 한 이유(feat. covid 19) 이번 팀 프로젝트는 개인적으로 크고, 작은 일들이 많이 생기네요. 팀프로젝트 시작 하자마자 학창 시절 친구 부고 소식에 조문 갔다가 친구들이랑 오랜만에 보고 그랬는데, 그때도 머리가 띵해서 손에 잘 안잡히더니 코로나 까지 자꾸 저를 괴롭히네요. 개인사정으로 2023년 07월 27일 오후 경 부산 방문 이후, 인후통 및 코막힘으로 상태가 안좋다고 생각했는데... 2023년 07월 30일 부터 고열, 2023년 07월 31일 코로나 확진, 현재까지 상태 메롱 (어제도 응급실행) 귀 통증, 청각저하 현상 및 면역력이 떨어져서 그런가 갑자기 잇몸 때문에 치통까지 정신이 온전하지 않지만 최대한 팀 프로젝트에 누를 안끼치기 위해 최선을 다하는 중.. 맡은 바 임무에 대해서 밀림 없이 수행 중이지만 블로그 업로드나 .. 2023. 8. 4.
부트캠프 프론트엔드 및 백엔드 협업 과제 진행 3일차 26일 데일리 스크럼 내용 1.분배해서 맡은 파트 각자 작업 진행 - 내가 맡은 부분은 회원가입 2. git pr은 dev 브랜치로 3. 이메일 및 패스워드 정규식 userEmail (string): 사용자의 ID. email 정규식: /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/ userPassword (string): 8~16자리 password 정규식: “/^(?=.\d)(?=.[!@#$%^&()-+=])(?=.[a-zA-Z]).{8,16}$/” 최소 1개 이상의 숫자, 최소 1개 이상의 특수문자, 최소 1개 이상의 대소문자 26일 진행 사항 select option 하드 코딩한 부분 배열로 변수 선언 및 map메서드를 이용해서 동적으로 생성 예시 // .. 2023. 7. 27.
프로그래머스 Javascript 코딩 테스트 Lv.0 모음제거 문제를 보면, 영어에서 모음은 a, e, i, o, u 다섯 가지이다. 문자열 my_string이 매개변수로 주어지고, 모음을 제거한 문자열을 return해야한다. 예시를 보면 "bus"라는 매개변수가 있으면 모음인 u를 제거한 "bs"를 반환해야한다. function solution(my_string) { const vowels = ["a", "e", "i", "o", "u"] const newArray = [...my_string] const result = newArray.filter(item => { for (const value of vowels) { if(item === value) { return false } } return true }) return result.join('') } 일단 .. 2023. 7. 27.
부트캠프 프론트엔드 및 백엔드 협업 과제 진행 2일차 1일차는 정신없고 어색한 상태로 인사하고 대략적인 진행도 하고, 관련해서 캠프 측에서 공지에 따라 움직였고, 본격적으로 시작된 2일차, 기획의 문외한 6명이서모여서 데일리 스크럼을 통해서 도출된 이야기는 1. 대주제는 연차/당직 관리 시스템 2. 다들 처음 해보는 협업이라서 그런지 어영부영 있다가 진행이 더뎌서 당장 작업 가능한 기능 부분을 작업하기로 의견이 모임 3. [회원가입], [로그인, 로그아웃], [개인정보수정] 이렇게 파트를 나눔 4. 백엔드 3, 프론트 3이기 때문에 각 담당 파트 별로 별도의 회의를 1시간 가량 진행 내가 담당한 부분은 회원가입이었고, 앞선 프론트엔드 프로젝트에서도 회원가입 기능은 처음이기 때문에 해보고 싶어서 지원하게 됨 일단 기본적으로 폼을 나눠봄. request { ".. 2023. 7. 25.
프론트엔드 팀 프로젝트 배포 가계부 웹애플리케이션 - https://main--thisismoney.netlify.app/ github: https://github.com/BearHumanS/Team_Project_AccountBook 부트캠프 측에서 제공한 api를 이용한 가계부 웹애플리케이션 제작 작업 영역 입/지출 생성 내역 폼 모달 작업 입/지출 내역 수정/삭제 폼 모달 작업 입/지출 상세 정보 모달 작업 도움을 준 영역 기타 - 필요없이 리렌더링 되어 서버에 api요청을 하는 부분 잡아내서 수정 (메인에서 모달을 열고 닫을 때 마다 리렌더링하여 서버에 요청을 하는 부분) (달력에서 날짜를 클릭할 때 마다 리렌더링하여 서버에 요청을 하는 부분) 주간 분석 차트 antd를 이용해서 아코디언 형식을 만들 때 첫번째 아코디언이 열.. 2023. 7. 21.
프로그래머스 Javascript 코딩 테스트 Lv.0 합성수 찾기 합성수란, 1과 자기 자신을 제외한 약수를 가진 수 자연수 n이 매개변수이고, n 이하의 합성수의 개수를 구해야한다. 시작부터 머리아프다. 일단 예제를 보면 매개변수 n이 10일 때, 합성수는 4, 6, 8, 9, 10으로 총 5개이다. function solution(n) { let result = []; for (let i = 2; i >> 3 % 2의 결과값은 0이 아니므로 조건을 만족하지 못 함. i=4, j=2~3 >>> 먼저 4 % 2를 하는데 결과값이 0이므로 조건식을 통과하고 result에 push를 한다. 그리고 걸리는 break 3은 뛰어넘는다. j의 값을 result에 push했으니 result = [2] i = 5, j=2~4 보나마나 0이 안됨 i=6, j=2~5 >>> 6%2 조.. 2023. 7. 21.
프로그래머스 Javascript 코딩 테스트 Lv.0 주사위의 개수 먼저 상자의 가로, 세로, 높이의 배열이 저장되어있는 box배열 box[0] = 가로 box[1] = 세로 box[2] = 높이 보아하니 사각형의 부피를 구해야할거 같은 냄새 그리고 모서리의 길이가 n인 주사위 주사위는 정사각형의 육면체니까 가로 n, 세로 n, 높이 n인 셈이다. 그리고 우리가 구해야할 값은 box에 들어갈 수 있는 주사위의 최대 개수이다. 예제 2를 보면 box의 배열에는 [10, 8, 6]이고 이말은 가로 10, 세로 8, 높이 6인 box에 가로, 세로, 높이가 3인 주사위를 최대한 가득 채워야하는 것이다. function solution(box, n) { return Math.floor(box[0] / n) * Math.floor(box[1] / n) * Math.floor(bo.. 2023. 7. 19.
프로그래머스 Javascript 코딩 테스트 Lv.0 배열 회전시키기 문제를 보면, 정수가 담긴 배열 numbers와 문자열 direction이 매개변수로 주어진다. numbers 배열을 direction 방향으로 한 칸씩 회전시킨 배열을 반환해야한다. 방향은 "right", "left"이고, numbers 배열이 [1, 2, 3] 이고, direction이 right이면 numbers 배열의 제일 우측에 있는 3이 우측으로 회전해서 [3, 1, 2]가 되어야한다. function solution(numbers, direction) { const A = [] let B = [] for (let i = 0; i < numbers.length; i++) { if (direction === 'right') { A.push(numbers.splice(-1)) B.push(numb.. 2023. 7. 19.