백엔드와 함께하는 첫 프로젝트 기획과 디자인 10월에는 백엔드와 함께하는 최종 프로젝트가 시작되는 달이었다. 백엔드와 소통을 한 번도 해보지 않아서 어떻게 소통을 해야 잘 할 수 있을까 개발 외적으로 고민을 했던 것 같다. 기획자와 디자이너 없이 프론트엔드와 백엔드가 해야해서 막막했다... 그래서 기획도 엎어지고 다시 하는 경험도 하면서 처음 하는 것이기에 당연하지만 쉽지 않았다. 기획과 디자인을 할 수 있는 경험을 가질 수 있다는 생각으로 긍정적으로 임했다. 거기에다가 프론트엔드 팀장을 맡아서 어깨가 좀 무거웠지만 팀의 분위기를 쳐지지 않고 증진시킬 수 있도록 노력을 했다. 다행히 팀원들과 지향점도 일치하고 잘 맞아서 힘들었지만 즐거웠다. 어떻게든 기획도 괜찮게 만들어진 것 같아서 여기서 기능도 기능이..
https://github.com/prgrms-fe-devcourse/FEDC4_Campers_Jaeho 9월은 팀 프로젝트를 하는 달이었다. 인생을 살면서 첫 프로젝트이기도 하고, 팀장도 처음으로 맡아서 하게 되었다. 개발 더 나아가 인생을 살면서 잊지 못하는 순간 중 하나라는 생각이 든다. 다사다난했던 한 달이었기 때문이다. 기술적인 측면보다는 경험적인 측면에서 회고를 해보려고 한다. 개발에 대한 회고 좋았던 점 초기 설정 (husky, prettier, eslint, lint-staged, commitlint, github) axios (auth) auth page 및 회원가입 컴포넌트 공통화, alert-dialog 창, tabs 창 context API (userInfo) 크게 위와 같이 나누어..
데브코스를 시작하고 2달이 흘러버렸다. 지금까지 주요했던 것들을 위주로 회고를 작성해보려 한다. 유효성 검사(validation) 과제 내용들 중 validation을 구현해보라는 내용이 있었다. 평소 코딩을 할 때 유효성 검증에 대한 생각은 한 번도 해본적이 없었고, 실제로 해본적도 없었다. 과제를 하면서 그리고 한 후 유효성 검증을 어떤 식으로 해야하는지 알아보는 좋은 기회가 되었다. 멘토님의 하신 말씀을 정리하여 짧게 정리하고 복기하려고 한다. 유효성 검사, 얼마나, 어떻게 해야하는 것인가? 완벽과 잘 하는 것 유효성 검사를 완벽하게 하면 너무 좋지만 그럴 수 없기에 현실과 타협해서 우선순위를 정하고 하나씩 해결하는 방식을 추구하자 즉 하나씩 잘 해결해나가면서 자연스럽게 완벽을 추구하는 그림을 그리..
새로운 시작 말로만 듣고 온라인으로 github repository를 참고하기만 했던 프론트엔드 데브코스가 시작되어 버렸다... 지금 이 글을 쓰고 있는 지금도 내가 이 과정에 참여하고 있다는 것이 믿겨지지가 않는다. 만남 3기 tooooo1님과의 만남 약 1년 전부터 github 상기로 혼자 알고만 있던 tooooo1님과 프론트엔드 데브코스에서 운영중인 디스코드에서 이야기를 할 수 있는 기회를 가지게 되었다. 마치 연예인을 보는 듯한 기분이랄까...? 이야기를 하다보니 같은 동네에 살게 된다는 것을 알게되었고, 시간은 새벽 1시였지만 만나게 되었다. 그동안 github상으로 궁금한 코드들도 많았고, 평상시에 어떻게 생각하시는지, 막힐 때 어떻게 대처하는지, 어떻게 삽질(?)을 하시는지 물어보고 직접 하..
지원동기 독학을 한다는 것은 쉬운 것이 아니었다. 내가 정한 이 길로 공부를 해야겠다라는 생각을 가지고 패기있게 시작하였으나 혼자서 하다보니 쓸데없는 생각이 많아지기도 하고, “이렇게 해야한다”, “저렇게 해야한다” 는 주변의 유혹도 뿌리치기 힘든 순간들이 많았다. 다시말해 공부를 해야하는 방향에 너무 많은 갈림길들이 내 머리속에 들어와 나를 헤집어놨다. 당연히 javascript에 대한 깊은 이해 없이 바로 어떤 사이트를 강의를 듣고 응용하여 만드려고 하니 막히는 순간이 많았다. 막히는 순간이 올때마다 나에 대한 신뢰가 점점 떨어지고, ‘이 길이 내 길이 아닌것인가?’ 라는 생각이 들어 자신감이 하락하는 와중에 엎친데 덮친격으로 맥북까지 망가져버렸었다. 기본기가 부족해서 그렇다는 것을 지금은 알지만 그..
2. 셀프 넘버 https://www.acmicpc.net/problem/4673 문제 셀프 넘버 문제 셀프 넘버는 1949년 인도 수학자 D.R. Kaprekar가 이름 붙였다. 양의 정수 n에 대해서 d(n)을 n과 n의 각 자리수를 더하는 함수라고 정의하자. 예를 들어, d(75) = 75+7+5 = 87이다. 양의 정수 n이 주어졌을 때, 이 수를 시작해서 n, d(n), d(d(n)), d(d(d(n))), ...과 같은 무한 수열을 만들 수 있다. 예를 들어, 33으로 시작한다면 다음 수는 33 + 3 + 3 = 39이고, 그 다음 수는 39 + 3 + 9 = 51, 다음 수는 51 + 5 + 1 = 57이다. 이런식으로 다음과 같은 수열을 만들 수 있다. 33, 39, 51, 57, 69, ..
1. 최소,최대 https://www.acmicpc.net/problem/10818 문제 최소, 최대 문제 N개의 정수가 주어진다. 이때, 최솟값과 최댓값을 구하는 프로그램을 작성하시오. 입력 첫째 줄에 정수의 개수 N (1 ≤ N ≤ 1,000,000)이 주어진다. 둘째 줄에는 N개의 정수를 공백으로 구분해서 주어진다. 모든 정수는 -1,000,000보다 크거나 같고, 1,000,000보다 작거나 같은 정수이다. 출력 첫째 줄에 주어진 정수 N개의 최솟값과 최댓값을 공백으로 구분해 출력한다. 예제 입력 1 5 20 10 35 30 7 예제 출력 1 7 35해답 const fs = require("fs"); const inputData = fs .readFileSync( process.platform =..
1. 구구단 https://www.acmicpc.net/problem/2739 문제 구구단 문제 N을 입력받은 뒤, 구구단 N단을 출력하는 프로그램을 작성하시오. 출력 형식에 맞춰서 출력하면 된다. 입력 첫째 줄에 N이 주어진다. N은 1보다 크거나 같고, 9보다 작거나 같다. 출력 출력형식과 같게 N*1부터 N*9까지 출력한다. 예제 입력 1 2 예제 출력 1 2 * 1 = 2 2 * 2 = 4 2 * 3 = 6 2 * 4 = 8 2 * 5 = 10 2 * 6 = 12 2 * 7 = 14 2 * 8 = 16 2 * 9 = 18해답 const fs = require("fs"); const inputData = +fs.readFileSync( process.platform === "linux" ? "/de..
1. 두 수 비교하기 https://www.acmicpc.net/problem/1330 문제 두 수 비교하기 문제 두 정수 A와 B가 주어졌을 때, A와 B를 비교하는 프로그램을 작성하시오. 입력 첫째 줄에 A와 B가 주어진다. A와 B는 공백 한 칸으로 구분되어져 있다. 출력 첫째 줄에 다음 세 가지 중 하나를 출력한다. A가 B보다 큰 경우에는 '>'를 출력한다. A가 B보다 작은 경우에는 ' 예제 입력 3 5 5 예제 출력 3 ==해답 const fs = require("fs"); const inputData = fs .readFileSync( process.platform === "linux" ? "/dev/stdin" : "../../../../index.txt" ) .to..
1. Hello World https://www.acmicpc.net/problem/2557 Hello World 문제 Hello World!를 출력하시오. 입력 없음 출력 Hello World!를 출력하시오. 예제 입력 1 예제 출력 1 Hello World!해답 console.log("Hello World!"); 웹 콘솔에 메세지를 출력하는 console.log()을 활용하여 풀 수 있습니다. 2. We love Kriii https://www.acmicpc.net/problem/10718 We love kriii 문제 ACM-ICPC 인터넷 예선, Regional, 그리고 World Finals까지 이미 2회씩 진출해버린 kriii는 미련을 버리지 못하고 왠지 모르게 올해에도 파주 World Fin..