일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |
- 모던자바스크립트
- 오블완
- 셋팅
- auth
- 코딩테스트
- 티스토리챌린지
- 내일배움캠프
- 스파르타코딩클럽
- 코드카타
- TailwindCSS
- React
- 모던 자바스크립트
- 프로그래머스
- deep dive
- CORS
- array정적메서드
- domain
- nextjs
- 최적화
- 초기셋팅
- supabase
- error
- 프로젝트 셋팅
- git
- js
- Next
- 코테
- 자주 까먹는
- vercel
- useRouter
- Today
- Total
목록Today I Learned/diary (31)
도록

1. 요구사항 수집필수 요구사항[1] TMDB 오픈 API를 이용하여 인기영화 데이터 가져오기[2] 영화정보 카드 리스트 UI 구현TMDB에서 받아온 데이터를 브라우저 화면에 카드 형태의 데이터로 보여줍니다.카드에는 title(제목), overview(내용 요약), poster_path(포스터 이미지 경로), vote_average(평점) 이렇게 4가지 정보가 필수로 들어갑니다.[3] 영화 검색 UI 구현API로 받아온 전체 영화들 중 영화 제목에 input 창에 입력한 문자값이 포함되는 영화들만 화면에 보이도록 합니다.입력 후 검색버튼 클릭 시 실행되도록 합니다.선택 요구사항웹사이트 랜딩 또는 새로고침 후 검색 입력란에 커서 자동 위치시키기대소문자 관계없이 검색 가능하게 하..
코드 컨벤션 결정 후 프로젝트를 시작하자 주제를 설정한다. ex. 팀 소개 페이지를 만들자. 나는 이러이러한 것을 만들고 싶다. 스크럼 등 현황 공유 방식과 기한을 설정한다. 기획/와이어프레임 (최소 스펙, out of scope) 디자인 개발 들어가기 전 코드 컨벤션 맞추기 class명은 카멜로 할것인지 등등 개발 담당 분리 이 후엔 애자일 하게 일주일 총평 : 하루에 12시간 앉아 있기 생각보다 힘들다
오전은 World IT Show 2024 박람회를 구경, 오후는 캠프 참여로 보냈다. WIS 짧은 후기 정말 순수 일반인으로 참여한 것이라, 기업대상 서비스들은 보지 않았다. 재미난 아이디어! 혁신! 새로운 것! 을 상상했던 터라 조금은 실망스러웠다. 스타트업의 뾰족한 아이디어들을, 대기업들은 Iot, AI 관련 서비스 소개에 그쳤다. 미래 비전에 대한 프레젠테이션이 포함되어 있었던 LG, 휴대폰의 발전을 전시하고 블록으로 벽을 꾸밀 수 있는 참여할 수 있는 흥미거리를 제공한 SK telecom은 기억에 남는다. 예상외로 삼성은 준비중이여서 이용하지 못하는 구역들이 존재했고, 어느 것이 내가 체험할 수 있는 영역인지 알기 힘들었다. 카카오 관련된 서비스 소개에 그친데다가 그마저도 미래가 아닌 현재의 서비..
에러를 만날 때마다 원인을 짚어보는데 바로 오류 원인을 찾아내지 못한다. selector를 잘못 읽기도 하고 실수들이 자꾸 떠오른다. 코드 수정도 더 빠르게 하고 싶다. 빠르고 꼼꼼하게 명확하게. 틀릴 때마다 내가 아무것도 모르는 똥멍청이로 보일까봐 무섭지만 뭐 해야지. 틀려도 괜찮아. 노력하다 보면 언젠간 더 좋아지겠지. todo list - 4장 변수 정리 : https://reeny404.tistory.com/4 - 5, 6장 읽고 정리 - 팀 소개 프로젝트 반응형으로 변경해보기

vscode가 손에 익지 않는다. intellij 단축키 플러그인을 설치했더니, 몸이 기억하는 단축키, 외우는 중인 단축키들이 머리속에서 꼬여간다. 오늘의 할 일 1. 팀 소개 페이지 병합, 디자인 깨지는 것 수정 2. 모던 자바스크립트 책 읽기 (4장 변수) 3. 재밌게 했던 게임을 만들어 보자 https://www.youtube.com/watch?v=HwTpySTgsdY&t=28 오늘 배운 것 vscode plugin code runner : 코드를 빠르게 실행시킬 수 있다 live sass complier : scss 파일을 수정 및 저장할 때마다 자동 컴파일한다. vscode 우측 하단의 watch sass 버튼으로 on/off 할수 있다. LocalStorage 에 값 셋팅할 경우, 브라우저를 ..
팀 소개 페이지를 작업하기로 했다. 소감 - 모두가 프론트 개발자라 기획/디자인/백엔드 스펙 정의등을 하기 어려웠다. - 싱글 페이지를 6명이서 나누어 작업하려고 하니, 공정하게 나누는 것이 맞는지, 분배에 불만은 없는지 신경써야 해서 조금 불편했다. -> 시간이 지나서 사람들과 좀더 친분이 생기면 불만도 자연스럽게 얘기해서 풀 수 있겠지? - 서로 알고 있는 범위가 달라 커뮤니케이션 시 사용하는 용어가 애매하다. - 회의를 리드, 준비하는 사람은 필수다. 한정된 시간에서 회의 후 원하는 최종 결과물을 얻어내야 한다.