etc.

학원에서 table 사용을 되도록 쓰지 말라고 시켜서처음 배울 때 빼고 1나도 안 쓰다가 이번에 작업하면서 너무 많이 사용해서 당황했다.앞으로 table 태그도 많이 사용할 것 같으니 공부해두자.헷갈릴 때마다 보도록 하자!table 태그의 기본 구조1\. 테이블 기본

간단한 문제를 풀어보고 싶어서 고민하다가 부트캠프 데일리미션이 생각나서 풀어보았다.다른 부분은 빨리 풀었는데 정답확인 함수를 만드는 부분에서 어이없게 시간을 날리고 있었다...완성본 보기게임설명숫자를 기억하고 맞추는 게임을 만듭니다.시작 버튼 클릭시 1000 ~ 999

데일리미션 과제 중 하나인 한식메뉴 렌더링 과제!map()도 사용하고 for 반복문도 사용하고 최대한 내가 해볼 수 있는 방법으로 만들어보았다.완성본 보기과제 설명1\. 주어진 데이터(menuItems)를 확인합니다.2\. 배열 메소드로 데이터를 화면에 표시합니다.3\

내가 React6기에 참여한 계기는 무엇인가요?웹퍼블리셔로 직무를 변경하기 위해 지난해 9월부터 6개월동안 학원을 다니며 html, css, jquery를 배웠습니다. 이를 토대로 2달동안 포트폴리오를 준비하여 취업 준비를 시작하였습니다. 그러나 웹퍼블리셔의 입지가

본캠프 들어가기 전 사전캠프 기간 동안 들을 수 있는 강의가 있는데그동안 나는 부트스트랩 같은 라이브러리를 사용해보지 않아서 편리함에 신기했다..ㅋㅋㅋ이 외에도 jQuery도 오랜만에 써보고 fetch 사용법도 있어서 짧게 코드들을 기록해두려 한다.empty(): 선택

오늘은 4-5주차 강의를 정리하면서 완강을 자축하려한다ㅋㅋㅋ 강의가 짧아서 축하할 건 없지만 일단 다 들었다는것에 만족쓰^^3주차까지는 html, css, jquery를 다루었다면 4,5주차는 'firebase'를 통해 데이터를 저장하고 가져오는 것을 배웠다.파이어베이

자바스크립트 달리기반에 들어가서 꼴찌를 하고 있는 것 같은..ㅎㅎ 이론 2번째 시간에는 계속 어려워했던 참조형 타입, 얕은 복사와 깊은 복사에 대해 보충 수업을 들었다. 저번에 정리한 내용과 비슷하지만 새로운 용어들도 있고 배열과 객체를 다시 정리하면 좋을 것 같아서

^ 주말알바 끝나고 스터디하는 나 제법 멋져요(자의식과잉)달리기반 실습 2번째 문제는 좀 어려웠다.다들 후라락 풀고 가는데 나는 얕은복사, 깊은복사를 이해하고 풀기 막막했고 (풀고나니까 간단함;;) 배열메소드를 코드카타 하면서 좀 익숙해졌다고 생각했는데 아니라는걸 깨달

혼자 git을 사용할 때는 commit이랑 push만 잘 해주면 큰 어려움은 없었는데 팀프로젝트를 하면서 사용해보니까 많이 어렵게 느껴졌다...특강도 2번이나 해주셨는데 clone, pull 부분이 어렵다.정확히 말하면 어느 파일을 열고 해야하는지 제대로 익혀지지 않은

git으로 협업할 때 중요한건 기능별로 브랜치를 만들고 main,dev 같은 브랜치에 merge/ pull request 하는 과정이 필요하다.오늘 git특강에서 협업할 때 github를 어떻게 쓰는지에 대해 배워서 정리해보면 좋을 것 같았다.깃허브에서 branch는

팀프로젝트 하면서 정말 신중하게 했던 건 github 관리였다. 첫 프로젝트를 했을 때 commit 충돌이 너무 많이 발생했고 브랜치 관리도 잘 안 됐어서 이번에는 git 관리에 좀 더 집중해보았다. . . . 순탄하게 잘 진행되는 듯 했지만 역시나 github한테 거

자꾸만 api만 쓰는 것 같은 요즘의 TIL다른 사람들은 api가지고 이렇게 저렇게 잘 활용하는데 나는 아직 어렵게 느껴지고 겁이 났다.모든 api 사이트가 똑같지 않지만 데이터를 읽는 시야를 넓혀보려고 간단하게 정리해보았다.https://developer.t

팀프로젝트에서 내가 구현할 부분은 이미지와 글 supabase에 저장하고새로고침이나 렌더링 했을 때도 저장된 데이터를 불러오는 것이었다. (초간단하게 말하면...)여러 테이블 중에서 posts 라는 테이블에서 supabase storage에 저장한 이미지와 글, id

리액트는 github로 배포를 할 수 없어서 저번 개인 프로젝트때부터 Vercel 을 처음 써봤는데 생각보다 까다로운 부분이 많다...파일 경로라든가 환경설정 같은? 그래서 메모장처럼 프로젝트를 할 때마다 생긴 트러블슈팅이랑 해결방법을 정리해두고 볼 생각이다!src 에

json-server란, 아주 간단한 ‘DB와 API 서버를 생성해주는 패키지’ 이다. json-server를 사용하는 이유는 Backend에서 실제 DB와 API Server가 구축될 때까지 Frontend개발에 임시적으로 사용할 mock data를 생성하기 위함이다

tailwind.config.js 파일에 옵션들을 작성해두면 다른 컴포넌트에서도 해당 변수를 사용해서 적용시킬 수 있다. theme 에 추가하면 된다.👩🏻‍💻 예시 코드content : tailwind ㅡㄹ래스 이름이 포함된 모든 HTML, JS 구성요소 및 파일

요즘 캠프에서 아침마다 면접준비를 하는데 오늘 우리 팀의 면접 질문이 "쿼리스트링"에 대한 질문이었다. 팀프로젝트를 하면서 검색기능이나 페이지네이션을 구현했었는데 내가 실제로 사용했던 코드와 정리하면 나중에 답변 정리하기 좋을 것 같아서 작성해보았다. > ## 쿼리

마이프로필 아래에 유저의 현재 레벨 위치를 표시하는 작업을 했는데 기능 구현에 문제가 없었으나 콘솔에 거슬리는 에러를 발견했다. 태그 순서?의 문제였는데 뭔가 나중에 또 비슷한 에러를 만날 것 같아서 간단하게 기록해보려고 한다. > ## Warning: In HTML, ‹div> cannot be a descendant of 태그는 태그 자식요소로 ...

플러그인 없이 스크롤 바 없애기 일정 높이가 넘치면 overflow-scroll 속성을 줬는데 참 편하지만 늘 옆에 못생긴 스크롤바가 싫었다. 꾸며도 되지만 보이지 않는게 UI도 좋고 사용자들한테도 편하게 느껴질 것이다. 그래서 이 스크롤바를 없애주는 코드를 작성해보았다. 01.플러그인 설치 우선 나는 이 방법으로 해결되지 않았다.... 이유는 모르...

font-synthesis 폰트 합성 문제 모바일 css 작업을 1차로 마친 후 실제 폰으로 잘 보이는지, 이상한 부분은 없는지 확인하고 수정하기로 했다. 나는 아이폰 15를 사용하고 있고 링크 주소를 열면 사파리로 이동하게 된다. 기능문제도 없었고 confirm

앞으로 tailwind를 자주 사용할 것 같아서..! 진짜 간단하게 최종프로젝트에서 어떤 확장프로그램을 썼고 config에 어떻게 지정해줬는지 기록용으로 적을 예정...! tailwind.css 세팅 01. vscode 확장프로그램 🔍 Tailwind CSS IntelliSense 유명하고 가장 기본인 확장프로그램으로 "자동완성" 시켜주는 확장프로...

Google 에서 공개한 Whitepaper 문서를 바탕으로 LLM 모델과 에이전트의 주요 차이점 정리하며 RAG, Lang Chain에 대해 정리하였습니다.

API와 웹사이트에서 직접 크롤링하는 방법에 대해 알아보고 그 중 Puppeteer 를 사용하여 간단한 실습 과정을 정리하였습니다.

유데미에서 진행하는 한입 런치박스 박재호 연사님의 세미나 후기와 gpt 이미지 생성 업데이트를 활용해보았습니다.

인기있는 MCP, 살짝 맛봤다... 아주 사알짝

react-calendar 와 Supabase의 데이터를 연동하는 과정에서 감정아이콘이 렌더링 되지 않았던 문제를 해결하였습니다.