100일은 해야지

새로 시작한 팀프로젝트. 6주간 진행되는 거였지만 이번에 명절이 포함되어서 7주 동안의 프로젝트가 되었다. 내가 속한 팀은 BE 4명, FE 2명의 구성으로 총 6명이다. 이번에 같이 하시는 프론트엔드 분이 css관련 라이브러리를 한번도 안써보셨다고 했다. 라이브러리의 편리함을 이미 수없이 많이 느껴본 나는.... 음… 라이브러리를 안쓰고 어떻게 했더라? 일단 나만 라이브러리를 써봤으니 그냥 선택권을 같이 하시는 분께 넘겼다. 라이브러리를 안쓰신다고 하면 이왕 이렇게 된거 css 다시 공부하고 좋지 뭐 라는 생각했기 때문에 상관이 없긴 했다. 결론은 ui 라이브러리 안쓰고 그냥 scss(sass)로 하기로 결정. 1주차에는 개발기획을 짜고 개발을 들어가는 주여서 와이어 프레임짜고 UI 디자인을 하느라 c..

나는 Recoil State사용하면서 페이지 밖으로 나갔다 다시 돌아오면 값이 초기화되어있는 그런 값을 원했고 찾다가 때마침 오늘 멘토링하는 날이라 멘토님께 여쭤보니 useEffect에 넣으라 하셨죠... 그러네요 글로쓰면 그냥 진짜 생각이 바로 나는데 나는 설계도 안 하고 만드는 사람이었어요 와... 이래서 설계가 필요한거구나.... useEffect(() => { getUseData(); setIsSubmit(false); setFilterForm(false); setCategoryList([]); setStartDate(new Date(new Date().getFullYear(), new Date().getMonth(), 1)); setEndDate(new Date()); }, [setFilterF..

1주 차는 너무 슝슝 지나갔다. 백엔드분들의 개인과제도 안 끝나고 해서 정말 의미 없게 보낸 듯... 그냥 진짜 pre기획이랑 와이어프레임도 간단히 짜고 회의할 때 점점 기능들을 뺐더니 1주 차 멘토링 때 더 보완하라는 말이 나왔..... 다 정말 우리 팀이 뺀 기능들을 쏙쏙 골라서 이러면 더 좋지 않을까요 하시는데 하하하하 회의 더 해보겠습니다. 하고 기능을 더 추가했다. 2주 차는 시작했다는 것에 의의를 둠 그냥 와이어프레임 나온 대로 ui 짜고 목데이터를 이용해서 약간의 기능을 넣었달까... 그 와중에 멍청하게 한 시간 날려먹은 멍청 시간도 있었다... 나는 퍼센트를 구하고 싶은데 왜 0%만 나오는가? 함수를 넣으면 안 되나? 왜 안되지? 이제까지 잘만했는데 오만 생각 다함 진짜 한 시간 동안 허튼..

문제 설명 : 주사위의 개수 직육면체 모양의 상자 하나에 정육면체 모양의 주사위를 최대한 많이 채우고 싶습니다. 상자의 가로, 세로, 높이가 저장되어 있는 배열 box와 주사위 모서리의 길이 정수 n이 매개변수로 주어졌을 때, 상자에 들어갈 수 있는 주사위의 최대 개수를 return 하는 solution 함수? 제한 사항 box의 길이는 3 box [0] = 상자의 가로길이 box [1] = 상자의 세로 길이 box [2] = 상자의 높이 길이 1 ≤ box의 원소 ≤ 100 1 ≤ n ≤ 50 n ≤ box의 원소 주사위는 상자와 평행하게 넣음 입출력 예 box n result [1,1,1] 1 1 [10,8,6] 3 12 문제 풀이 function solution(box, n) { let count ..

문제 설명 : 세균 증식 세균이 1시간에 두배만큼 증식한다고 한다. 처음 세균의 마리수 n과 경과한 시간 t가 매개변수로 주어질 때 t 시간 후 세균의 수를 return하는 solution함수? 제한 사항 1 ≤ n ≤ 10 1 ≤ t ≤ 15 입출력 예 n t result 2 10 2048 7 15 229,376 문제 풀이 while문과 for문 둘 다 사용해봤습니다. - while문 사용 function solution(n,t) { var answer = n; let i = 0; while(i < t) { answer *= 2; i++; } return answer; } - for문 사용 function solution(n,t) { var answer = n; for(let i = 1; i

시맨틱 태그(Semantic Tag) 내용에 대해 아무것도 알려주지 않는 태그나 태그 등과는 다르게 시맨틱 태그는 웹 페이지 내의 내용에 의미와 콘텍스트를 제공하는 HTML 태그입니다. 즉, 페이지에 내용을 표시하는 '방법'을 지정하는 것이 아닌 내용의 '목적'이나 '의미'를 설명하도록 설계된 것이죠 주로 쓰는 시맨틱 요소 정리 : 웹 페이지의 헤더 섹션을 정의할 때 사용합니다. 일반적으로 제목이나 로고 머리말 같은 요소들이 들어갑니다. : 웹 페이지의 탐색 섹션을 정의할 때 사용합니다. 동일한 사이트 안의 문서나 다른 사이트의 문서로 연결하는 링크들이 들어갑니다. : 블로그 게시물 또는 뉴스 기사와 같은 웹 페이지 내에 포함된 콘텐츠를 정의하는 데 사용됩니다. : 웹 페이지 내에서 내용 섹션을 정의하는..

Type 자바스크립트에서는 6가지의 원시 타입과 객체가 존재합니다. 원시 값 (Primitive Value) 원시 값은 한 번 생성된 값은 변경할 수 없기 때문에 값을 변경하려면 변수에 새 값을 할당해야 합니다. 즉 원본은 하나뿐인 겁니다. 원시 값의 종류 - Boolean : 논리적 값 true, false 두 가지 값만 존재하며 주로 조건문 등에서 판단의 기준으로 사용됩니다. - null : 존재하지 않거나 유효하지 않은 값을 나타내며 비어있다는 의미로 표현됩니다. - undefined : 선언 후 값을 할당하지 않은 변수를 나타내며 변수 선언 후 초기화 하지 않는다면 undefined가 자동으로 할당됩니다. - number : 정수, 실수 등의 숫자, 부동소수점 숫자를 표현합니다 일반적인 숫자 외에..

문제 설명 : 제곱수 판별하기 어떤 자연수를 제곱할 때 나오는 정수를 제곱수라고 한다. 정수 n이 매개변수로 주어질 때, n이 제곱수라면 1을 아니라면 2를 return 하는 solution 함수? 제한 사항 1 ≤ n ≤ 1,000,000 입출력 예 n result 144 1 976 2 문제 풀이 숫자의 제곱근을 반환하는 함수 Math.sqrt()를 사용해서 문제를 풀었습니다. 자연수를 제곱했을때 나오는 정수를 제곱수라고 했으니 Math.sqrt에 숫자를 넣으면 정수가 나와야 합니다. Math.sqrt함수를 적용한 숫자를 1로 나눈 나머지가 0이면 자연수이므로 제곱수이고 0이 아니면 자연수가 아니니 제곱수가 아닙니다. 삼항연산자를 이용하여 제곱수이면 1 제곱수가 아니면 2를 반환하게 만듭니다. func..