Today I Learned

내가 지원한 트랙은 <프론트엔드> React 트랙으로,적응기간 & 워밍업 & 기초개념을 쌓는 과정으로 본캠프 시작전 사전캠프 기간이 있다.총 5주의 사전 캠프 기간중 퇴사를 하고 지원을 하니 내가 합류한 시점은 3주차 끝자락이었다.실제로는 2주가량의 준비기간이

오늘의 팀 주제는 프론트엔드의 기본 구성인HTML, CSS, JavaScript에 대해서 알아보는 시간을 가졌다.각 구성요소에 대해서 상세하게 알아본다기 보다는 각 어떤 역할을 하는지 알아보는 시간이었다.또한 오늘 나의 강의가 오픈되어 왕초보 1주차 수강을 하였는데 오

주말과 오늘까지 왕초보 웹개발 종합 4주차를 완료하였다.기본적인 HTML, CSS, JavaScript 예제와 과제까지 제출을 하고, Firebase로 자료를 데이터 베이스에 넣고 새로고침하여 불러 오는 과정까지, 웹페이지에서 사용자가 값을 넣고 그것을 저장하고 등록된

생각 보다 많은것을 진행한 하루!조별 스터디 진행도 많이 했고, 알고리즘 풀기 코딩연습을 해보았다.알고리즘 풀기는 아직은 간단한 문제들이긴 하나 사람이 생각하는 연산과 컴퓨터 언어가 생각하는 연산은 달라서 의외로 쉬운 부분도 제대로 출력되지 않는 경우가 있다.그 중에서

엑셀 이용시 평소 사용하던 if문을 사용한 코드삼항 연산자라는 것이 있는것도 알았다.→ (조건) ? (참일 시 값) : (거짓일 시 값)if문 1번 쓸 코드에서는 삼항 연산자를 사용하는 것도 좋겠다.if문과 else if문을 사용한 코드조건문에서 and(&&)와 or(

🔹짝수의 합 등차수열이 생각나서 등차수열의 합을 구하는 방법으로 진행해 보았다.등차수열 합의 공식수열의 합 = 항의 개수 x (첫 번째 항 + 마지막 항) / 2짝수의 갯수n이 짝수인 경우 : n/2의 값이 짝수의 개수, n이 홀수인 경우 : (n-1)/2의

🔹평균 구하기 각 값들의 합 / 갯수 → for반복문으로 값을 누적 시킨후 arr의 길이(갯수)로 나누기정상적으로 잘 출력된다.

처음 코드를 작성할때 break;없이 작성을 하니 나머지를 1을 만족하는 가장 작은 숫자가 아니라 주어진 n번 째 숫자까지 계속 진행을 하기에 나중에 break;를 추가하여 완성.코드 실행 결과 확인상,중,하 단계로 나눠진 팀과제 중에서 선택하여 진행누군가 잘한다고 해

문제를 보다보니 어제 팀과제로 했던 로또번호 추첨기와 유사한 부분이 있어 생각 보다 금방 해결 했던 문제!(팀과제로 예습을 하게될 줄이야😝)코드 실행 결과 확인지난 과제를 완성한 후 이번에는 난이도 중! 도전!!이번에도 역시 일부 html, css, js 코드와 기본

🛸오늘의 CodeKATA 🔹자연수 뒤집어 배열로 만들기 > 문제를 보고 그냥 뒤집으면 되는 것 아닌가? 라는 생각이 1차 아..넌 사람이 아니지..라는 생각이 2차 입력된 숫자를 나눠야 한다. 하나하나 쪼개야 하기에 문자열 변환이 필요 문자열로 변환 후 각 문자를

사전캠프 11일차 <3번째 팀과제: 스타벅스 주문 시스템 만들기>지정한 HTML 태그 이름의 HTML 요소 객체를 생성해서 반환해줌.createElement() 함수로 생성된 요소 객체는 아직 DOM에 추가되지 않은 상태이며, 원하는 위치에 직접 추가(혹은 삽입)

사전캠프 12일차 <3번째 팀과제: 스타벅스 주문 시스템 만들기> 완성!codepenyukhxwat-the-looper/embed/NPKjRqy?default-tab=html%2Cresult&theme-id=dark갑작스레 팀원 3명이서 마무리를 하게되어서 업무배

241223 본캠프 시작코드 변경점 기록버전 관리 도구(형상관리도구)소프트웨어의 변경사항을 체계적로 추적하고 통제하는 것백업과 공유가 가능한 온라인 코드 저장소온라인 업로드(백업) -> 팀원들에게 쉽게 공유, 협업initialize(초기화하다, 초기 세팅하다)의 준말프

241224 팀프로젝트 코딩시작팀프로젝트를 진행하기 위해서 HTML 골격을 만들고 css를 넣고 작업을 하던 중에 의문이 생겼다.사전캠프 프로젝트에서는 기본 HTML, CSS, JS 코드를 제공해주고 빈곳을 채우시오. 그리고 진행 순서와 힌트를 곳곳에 두어서 찾아보며

241226 목요일VS Code를 사용하다보면 이렇게 코드를 빠르게 완성시켜주는 옵션이 자동으로 뜬다. 옵션들 오른쪽 끝을 보면 'Emmet'이라는 것이 보이는데, 보이는것 외에도 코드를 순식간에 만들어주는 작성방법이 있더라!왜..코린인이에게..아무도..알려주지 않는

내가 생각했던 동기화가 아니거나, 잘못 알고 있었거나...

241228 토요일우리는 같은 프로젝트를 진행하고 완수해야하는 팀 아닌가요?

241224 팀프로젝트 발표칭찬할건 칭찬해야지!최초 기획한 내용에서 크게 변동된 부분 없이 대부분의 기능과 모양을 완수하고 제출!각자 본인이 담당한 부분을 마감전 까지 수행 완료!페이지를 깃헙에서 배포하란 사항은 없었으나 프론트엔드개발자이니 프로젝트 페이지를 배포하여

241231 화요일반복문을 배우게되면 같이 나타나는 두 문법.코드카타를 한다거나, 다른 코드들을 살펴보면 while문 보다는 for문이 훨씬 많이 활용되는 것을 볼수 있다.공부하다보니 두 문법의 차이를 구분짓기 어려워서 찾아보고 물어보고 조언을구했다.다만 차이점이라면?

250101 월요일JS과제를 제출하며 github에 잔디도 심을겸 테스트하며 진행중..문제 파악을 위해서 파일명을 한글로작성하였는데...엉? 터미널에서 내 코드 결과 확인하고 싶은데 왜 안됨??😢내가 구글링을 못하나? 못찾겠다...마침! 파티원이 접속하여 질문!!방법

250102 목요일ES6는 이전 버전인 ES5에서 새로운 문법과 기능을 도입해서 JS개발자들이 보다 쉽고 효율적으로 코드를 작성할 수 있도록 개선하였다고..하는데요.난 왜 머리가 아플까? 익숙하지 않아서겠지..?오늘 학습한 내용중에서 내가 가장 어려운 부분은 화살표함수

250103 금요일질문 제목에 <나이든 유저> 라니요..문제 확인하기 전부터 섭섭한 제목😢일단 코드가 주어지고 특정 값을 반환하게 함수를 작성하라는 것이다.문제 코드user1 !== user2일때 출력 되도록 getAged 함수 부분을 채워달라는 건데..나는 이

250104 토요일코드작성을 하면서 알게모르게 사용해 왔던 콜백함수.자세히 들여다보니 머리가 아프다.. 그냥 사용할 때가 더 쉬운느낌이 뭘까?배웠으니 나중에 찾아보기 편하게 정리는 하겠지만..이게 콜백함수다~ 재귀다~ 이런걸 생각하고 작성하는것보다, 생각을 안하고 코드

250105 일요일알고리즘 문제는 github에 잔디를 심으며 꾸준하게 풀고 있어서, 블로그에 게시할 일이 많지 않을 것이라 생각했지만, 오늘의 알고리즘과 예제에서 사용하는 두 함수가 모두 replace여서 공부하며 알게된 부분들을 기록하려고 한다.핸드폰번호 가리기1)

250106 월요일팀의 코드를 한 사람이 짠것처럼 느껴지게, 팀원 모두 같은 코드를 작성할 수 있도록 만든 코드 규칙.규칙에 맞춰 코드를 작성하면, 다른 사람이 작성한 부분의 코드도 더 빠르게 파악할 수 있게 된다.팀으로 작업하게 되면 여러가지 팀만의 규칙을 정하게 될

250107 화요일캠프 시작하면서부터 매니저분들과 튜터분들의 공통적인 말씀이 체력관리, 건강관리였다.지난 주말부터 상태가 좋지 않은데, 수준별 분반 생겨서 수업듣고 실습하고, 내일부터는 개인과제 시작, 저녁때 특강..들으면 복습할 시간이 안날...아니 못낼것 같았다..

250108 수요일개인과제 시작~!!그리고 맞춤형 수업 2일차~!!호기롭게 개인과제 시작을 하면서 갑자기 막혔다...음..이번에도 오타인가? 아닌데 이번엔 오타 없는데?분명 콘솔에서는 값이 나왔는데..값이 잘 가져와 지는지 확인을 위해서 간단하게 html로 붙여보는데.

250109 목요일개인과제를 잘 진행하다가 잠시 자리를 비우고, 다시 돌아와서 코드 몇줄 수정하고 화면을 새로고침했는데....???뭐지?? 방금까지 잘 나오던 화면이 빈화면이...네?개발자도구 콘솔창에 뜨는 에러!HTTP(하이퍼텍스트 전송 프로토콜) 401 Unauth

250110 금요일개인과제 진행 3일차!처음 진행할때 어찌 진행해야할지 감이 잘 오지 않았던 부분들이 과제를 진행하면서 내용을 다시 확인하는 과정에서 점점 윤곽이 그려지긴했다.처음엔 뭘 알려주지도 않고 시켜!!의 느낌이었는데.. 진행하다보니 어? 했던부분이긴 하네? 상

250113 월요일과제를 하다보니 코드가 길어지고 몇몇 코드들은 나눠서 사용하는게 편하겠다라는게 절로 느껴졌다.html파일 내에 css파일 링크나, js파일을사용하는 방법은 기본으로 사용했으나 이번에는 js코드를 나눠서 다른 js파일에서 내보내고 불러오는 방식을 찾아봤

250114 화요일알고리즘 문제를 풀때 정말 많이 느꼈다.'동일한 동작을하는 로직도 여러방법으로 코딩할 수 있다.' 라는 것을그리고 생각보다 시간적 여유가 있다면 다른 사람들의 제출 코드도 보면서 공부했었다.개인과제를 하면서도 느끼지만 간단한 문제여도 코드를 작성할때

250120 월요일리액트 반을 정하기 전 고민이 많았다. 과제를 하면서 강의를 듣고 실습을하고 특강까지 하려니 생각보다 시간이 많이 부족했다. 친구와 고민고민 하던중에 튜터님이 지나가셨다. 도움을 요청! 아앗.. 프로 강태공 튜터님!!지난주에 있었던 부분임에도 아직도

250121 화요일오전마다 풀고있는 코드카타 문제은행폴더에서 오늘 풀어야할 문제 이해를 못해서 엉?? 하고 다시 기초로 돌아갔다..ㅠ클로저는 자바스트립트에만 있는 개념은 아니라고 한다.자바스크립트의 클로저(Closure)는 함수와 그 함수가 선언될 때의 렉시컬 환경(l

250122 수요일개인과제를 하면서 어느정도 비동기를 이해했다고 생각했는데, 왜 문제은행만가면 멍...무슨소린지 모르겠는가?그래서 다시 한번 개념만 호로록!자바스크립트에서 Promise는 비동기 작업을 처리할 때사용하는 객체로,비동기 작업의 성공, 실패 결과를 나타내는

250124 금요일과제를 진행하면서 예외처리를 해야하는데 어떤 것들을 해야 하는것 인가...떠오르는 예외처리는 많지 않아서 과제를 하면서 좀 찾아봤다.

250127 월요일리액트라는 프론트엔드 라이브러리를 접한지 이제 일주일정되 되었는데...강의명이 숙련이라니요??!?!?!🫠새로운 리액트 훅이 등장해서 정리를 해놔야 진도를 잘 따라갈 수 있겠다. 아직도 너무 헷갈리는 리액트🥲useState는 컴포넌트 내에서 상태(s

훅이라는것이 줄줄이 나오기 시작했다..컴포넌트의 부수 효과(side effect)를 처리하는 데 사용. 컴포넌트의 상태 변경이나 외부 시스템과의 상호작용 등을 쉽게 처리할 수 있다.라고 합니다..일단 useEffect의 기본 사용법과 정리 작업(cleanup)에 대해

25.02.03 월요일React 숙련주차 개인과제가 발제됐다...역시..과제에는 배운내용 +𝛼그래도 다른 과제를 할 때 보다는 진행이 조금은 수월했다.이부분을 진행하기 전까진!!6개의 빈슬롯을 만들고 아래 카드에서 추가 버튼을 누르면 윗쪽으로 카드가 뿅뿅 추가되는 로

25.02.04 화요일개인과제 2일차, 2단 변신 과정중 베이스 단계를 마무리 했다!이 전 보다는 리액트에 조금 익숙해진 것 같은 느낌적인 느낌!?쪼끔 친해졌다고 금방 또 사이 멀어질뻔 했다.동적라우팅에 대해서 패스파라미터만 배운것 같은데...쿼리스트링으로 구현하라는

25.02.06 목요일개인과제 4일차. 어제까지 Context API 리팩토링을 마무리하고, Redux-ToolKit을 활용한 리팩토링을 시작했다.Context API를 사용하면서 어느정도 코드는 정리를 해둔 상태여서 바~로 진행하면 되는 사항이었는데, createSl

25.02.07 금요일개인과제 5일차.기능 구현들은 다 완성을 하였다!!세부사항들을 다듬고, 코드를 다시 확인하고 스타일정리를 하면서예상하지 않은 부분이 발생!ui요소를 클릭하면 다른페이지로 넘어가도록 구현을 한 기능 중에서 array.map()을 사용하여 그려주는 부

25.02.10 월요일개인프로젝트 6일차 배포!튜터님이 정말 옵션 하나하나 설명하며 친절하고 상세하게 알려주셨는데...마치 수업에 나온 코드를 그대로 따라 쳤는데도 제대로 구동이 안되는 것 처럼..뭔가 하나 부족한 상태가 되는 걸까??처음해보는 부족하지만 그래도 잘 구

25.02.11 화요일개인과제 제출 마감기한이 지나고 해설 영상을 확인 하던중, 내가 정확하게 모르고 그냥 사용한 부분이 있음을 알게 되었다.코딩을 하면서 후반부에 의문이 생기긴 했지만, 일단 구현이 목적이었기 때문에 넘어갔던 부분이다.리액트에서 사용하는 Link와 N

2025\. 03. 10. 월요일ts에서 타입을 변수처럼 사용하는 제네릭타입에 대해서React에서 많이 사용하는 useState를 예시로 이해하기!!useState에 제네릭타입 사용방법useState는 (초기값)을 받아서 \[state, setState]를 반환한다.초

2025\. 03. 11 화요일next.js를 배우면서 렌더링에 대해서만 한참을 배우고 구분했다.뭐가 이렇게 많죠..?클라이언트가 요청할 때마다 서버에서 데이터를 가져와 페이지의 HTML을 생성하여 응답하는 방식이다.최신 데이터가 항상 보장되나, 매 요청마다 서버에서

2025\. 03. 12 수요일Next.js를 배우는 과정에서 알고있어야 할 개념들에 대해서 정리해본다.기존에 사용하던 리액트는 SPA(Single Page Application) 방식을 사용한다. 애플리케이션의 모든 뷰가 하나의 HTML 파일 내에서 JS로 관리되고,

Next.js에서 TQ복습을 하다가 나온 내용이다.useQuery를 이해하는 중요한 내용이라서 다시한번 정리해본다.여러 공식 문서들에 등장하는 예시인 투두리스트 만들기다.위와 같이 useQuery의 가장 기본적인 사용방법이다. 그리고 나서 콘솔로그를 확인해 보면 아래와