스파르타 부트캠프

첫 TIL(Today I leaned)오늘은 발제도 하고 이것저것 여러가지 안내사항을 듣드라시처간이 훌쩍 가버렸다이와중에 갑자기 하게 된 미니프로젝트...민폐가 되지 않도록 열심히 해봐야겠다정신 없는 중에도 배워야 할게 있다면1\. GIT과 GITHUB 사용법 익히기2

11월 첫 날의 TIL이런게 코딩일까...?어제 계획한 대로 개인 상세페이지와 메인페이지(index)를 만들었다근데 자꾸 오류가 나고 부트스트랩은 안 돼고 SA대로 안 만들어져서 이것저것 하다가 결국 제일 허접하게 만들었다...너무 민망하고 팀원들한테 미안했다...진짜

오늘의 TIL오늘은 DB연결 완료분명히 내일배움단에서 배웠는데...! 배웠는데 기억이 안 나는 것이고 것이다... 팀원분들이 하나하나 코드가 왜 작동하는지 설명해주셨는데 까먹기 전에 정리해야지... 강의도 보면서 다시 뭐가 뭐랑 연결되고 왜 이렇게 작동하는지를 다시 구

오늘은 미니프로젝트를 마무리하는 날이었다다행히 우리 조는 추가기능을 넣을 수 있는 시간이 생겨서댓글 수정과 삭제, 그리고 벨로그와 깃 페이지를 새창으로 여는기능도 추가하였다오늘 내가 배운 것RESTful API의 종류에 대해 배웠다DB작업 때 쓰던 GET과 POST가

프로젝트 5일 간의 흐름1) 프로젝트 스케줄 및 날짜별 달성목표2) 한일 (1) 프로젝트 명 html, css, js, python, Jquery, flask, MongoDB, git, figma, git의 기술과 언어, 협업툴을 사용해 우리 조를 소개

오늘의 느낀 점오늘은 4일간 열심히 만들었던 미니 프로젝트 발표를 하는 날이었다시연 영상도 준비하면서 얼굴이 나와야한다길래 전날 OBS깔고설정을 했다 근데 화면이 안 나와 해결하는 데 시간을 좀 잡아먹었다OBS말만 들어봤는데 써보는 건 처음이라 신기했다스파르타 들어오고

이번 주 WIL 배운 것 github 이번 주에 github를 처음 써봤다 아직은 익숙하지 않지만 그래도 잘 쓰면 협업하는 데 아주 유용할 거 같다 처음에 main브랜치 외에 dev 브랜치를 만들고 각 멤버별로 브랜치를 생성하였다 그 다음 메인에서 받은 자료들을 각

오늘 배운 점객체, 클래스객체는 관련있는 데이터를 모아서 표현하는 것즉 자신의 속성을 갖고 있고 다른 것과 식별이 가능한 것예를 들면 tv는 제품명과 가격, 제조사라는 속성을 가지고 있고 이는 타 tv와 식별이 가능하므로 객체로 나타낼 수 있다클래스} 여기서 cons

오늘 배운 점파이썬의 기초적인 문법을 쭉 훑어보는 시간을 가졌다어제 자바스크립트를 듣고 나니까 비슷한 부분이 많아서 큰 어려움은 없었지만 표현방식이 다르다보니 좀 헷갈렸다그리고 웹개발종합반에서 쓰던 split 드디어 좀 쉽게 이해하게 되었다오늘 강의 중간중간 퀴즈도 풀

렛츠기릿 자바스크립트 기본 문법27 까지 복습 파이썬 기초 문법 벨로그에 정리(TIL과는 별개) 알고리즘 강의 1주차 수강

웹서비스가 돌아가는 원리를 식당에 비유하면서 말씀해주셨다예를 들면 식당(서버)에 가서 우리가 요청을 하면 제공을 해준다라고 이해하면 쉽다브라우저를 통해서 내가((나+브라우저)=클라이언트) 웹서버에 어떤 것을 요청하고(리퀘스트는 url로 하는 것=이게 우리의 언어!(ge

오늘 배운 점 자바스크립트 DOM, EVENT 웹개발종합반에는 없는 내용이지만 꼭 알아야하는 내용이기에 유튜브에 검색을 해서 따로 공부를 하였다 여러 영상을 봤지만 잘 이해가 가지 않아 일단 나만의 언어로 쓰지는 못하고 정리만 해놓았다 오늘 느낀 점 힘들지만 그래도

일요일에 쓰는 WIL(Weekly I learned) 벨로그나 깃허브에 readMe.md 파일을 적을 때, 노션을 쓸 때 다 마크다운이라는 방식을 쓴 다는 것을 알았다 그래서 이번 주에는 마크다운 사용법을 간단하게 정리해놓았다 마크다운작성법초반 벨로그글을 보면 알겠지만

자바스크립트 함수강의를 보면서 계산기를 만드는 실습을 했는데 함수부분이 어려워서 이와 관련된 부분을 생활코딩 강의를 통해 조금이나마 배웠다계산기를 만들 때 고차함수(high order function)라는 걸 사용했는데 어려웠다함수 간의 중복을 줄이기 위해서 사용한다고

오늘 배운 것 렛츠기릿 자바스크립트 반복문 파트 - 야구게임 만들기 X -> 오늘 다른 거에 꽂혀서 못 함... 스파르타 코딩클럽 퍼블리셔 강의 2주차 실습까지 끝내기 O -> 어찌저찌 끝냈지만 나에겐 어려운 css... 알았던 것도 다 까먹었다...ㅎㅎㅎㅎㅎ 주말

오늘 오전 특강을 들으면서 이해가 안 되어서 구글과 유튜브로 찾아보았다 내용을 내 나름대로 야매로 여기에 적어보았다웹만 만들면 끝인 줄 알았는데 이런 로직이 있어서 새삼 신기하다그리고 앞으로 내가 생각하지도 못할 정도로 사용자의 편의를 생각하는 웹이나 어플이 점점 더

오늘은 오전에 프로그래머스 문제 팀원들과 같이 풀고 정리하였다파이어베이스 때문에 머리가 아프다...\[JavaScript] Math함수\[프로그래머스 입문] 문자열 뒤집기 split, reverse, join 함수\[프로그래머스 입문] - 피자 나눠먹기(1)오늘은 날이

블링블링 큐티 귀염폭발 반려동물을 자랑하는 페이지핵심목적, 기능 : 반려동물을 자랑하고 뽑낼 수 있는 페이지반려동물에 관한 글을 작성, 수정할 수 있고 이미지도 첨부 가능함마이페이지에서 자신이 쓴 글의 목록을 볼 수도 있음 https://www.figma.co

SPA란?자바스크립트 - push화살표함수선언DBJavaScript split, reverse, joinJavaScript math파이어베이스 기본적인 사용법이번 주도 정신없이 많은 것들을 배웠다 이제 프로젝트를 시작해야하는 데 솔직히 막막한 감이 없지 않아 있다왜냐하

지금 우리조가 하는 프로젝트 url로 들어가면 먼저 애니메이션을 따라 밑으로 내려온 후 로그인하는 창이 보인다 즉 로그인을 한 후에 메인화면으로 접속이 가능하다는 얘기이다 그러면 SPA가 아니라 페이지가 여러개가 되니까 MPA아닌가 하는 생각에 갑자기 혼란스러워졌다SP

오늘 css로 페이지를 만들면서 너무 내 자신이 바보같았다분명 배웠다고 생각한 css에서 막혀서 유튜브를 보면서 배우고 다시 적용하느라 오늘 하루를 다 보냈다처음에 막히는 부분은 같은 팀원인 재현님이 도와주셨는데 float속성을 써서 만든거라 뭔가 마음에 들지 않았다

https://youtu.be/5NXEXkIrkAk모듈 export, import진짜 내가 너무 바보같다이해가 안 되어서 튜터님에게 갔지만 또 이해가 안 나오는 것들이 자꾸 생기고 어떻게 작성해야할지 막막하다그래도 포기하지 않을거다... 어떻게든 내일까지 구현

배운 점 pseudo-code(의사코드(pseudo-code)) GET http://127.0.0.1:5500/js/pages/postedit net::ERRABORTED 404 (Not Found) object-fit: cover; 게시글 수정 기능(feat. 다

✨http://mycuteanimals.shop✨NewsFeed Project : MY CUTE ANIMALS블링블링 큐티 귀염폭발 반려동물을 자랑하는 페이지핵심목적, 기능 : 반려동물을 자랑하고 뽑낼 수 있는 페이지반려동물에 관한 글을 작성, 수정할 수 있고

배운 점 SPA 모듈 css flex 느낀 점 이번 주를 한마디로 요약하자면 셀프혁명이라는 제목을 붙일 수 있다 (긍정적인면, 부정적인면 다 포함) 예전에 읽었던 책인데 기억은 가물가물하지만 진정한 구원과 혁명은 오직 자기자신만이 할 수 있다는 걸 느낄 수 있는 내용

javascript 다른 페이지로 리다이렉트하기자바스크립트를 이용해서 특정 URL로 접속했을 때 다른 URL로 이동시킬 수 있다. 다른 URL로 이동시키는 것은 window.location.href 를 이용한다.예시)window.location.href = 'http&

모던자바스크립트 자료형 함수 parameter vs argumentparameter랑 argument 용어 헷갈렸는데 자바스크립트 기초강의 들으면서 알게 되었다ㅎdocument.getElementById, document.getElementsByClassName, do

배운 것 느낀 점 내일 할 일 내일 아침 8시 알고리즘....... 모던 자바스크립트 중 코어자바스크립트 1회독 원장님 강의 콜백함수 듣기...

1. 배열, 반복문 원장님 후발대 강의듣고 정리해보았다 1) 배열의 요소들을 넣었다 빼기 - pop, push, unshift, shift push와 pop을 사용해 요소를 넣었다 뺄 수 있다 push는 배열의 맨 뒤에다가 값을 넣을 수 있는 것이고 pop을 사용해

모던자바스크립트 스터디를 하다가 처음 본 연산자이다마지막 표현식을 제외한 모든 것을 버리는 연산자인데여러 동작을 하나의 줄에서 처리하려는 복잡한 구조에서 이를 사용한다고 한다일단 알아두기만 해야겠다모던자바스크립트를 보다가 아래와 같은 내용이 있었는데 스크립트를 일부러

배열에 관해서 강의도 듣고 정리도 해보았다원장님 강의 정말 귀에 쏙쏙 박힌다...!나도 코드 잘 짜고 싶다반복문도 다시 배우고 정리를 하였다forEach도 헷갈려서 다시 정리를 하였다그리고 for in과 for of에 대해서 알게 되었는데 전자는 인덱스를 뽑아낼 수 있

여기에 따로 글을 팠다내가 이상한 곳에서 yarn start를 하고 있어서 생긴 에러였다...ㅎ이것도 여기태그 닫기리턴은 한 개의 요소만을 리턴할 수 있음jsx에서 자바스크립트를 사용하려면 중괄호를 써야한다 만약 쓰지 않으면 단순 문자열로 인식됨class대신 clas

스프레드 연산자는 알았지만 나머지 연산자는 몰라서 검색을 했다여기에 정리를 했다말은 어려운 거 같은데 생각보다 쉬운 개념이었다내 머리를 아프게 한 클래스알 거 같으면서도 어려우면서도 아리송한 그대...심지어 내가 참고한 동영상이 옛날 구문을 쓰고 있었다(다른 강의 보고

배운 것 class를 다시 익혔다 사실 정리해야지 해야지 하다가 급하게 했다 오늘했던 리액트 과제 리뷰를 듣고 클래스에 대해 다시 알아야겠다는 생각이 들어서 정리를 하였다 느낀 점 리액트 과제 리뷰를 듣고 나도 할 수 있겠다는 생각이 들었다(생각만) 그래서 리액트 입

디폴트파라미터 드디어 정리 완료ES6특강에서도 짤막하게 들었던 내용인데 정리하니 마음이 편하다 좋아좋아여기에 정리했다클래스 정리하면서 같이 하고 싶었는데 엄두가 안 난 프로토타입...이제 .map() 어디서 온 건지 알 수 있다여기에 정리 완료했다모던자바스크립트 스터디

기능을 단위별로 조각낸 레고 같은 것이다레고조각처럼 하나하나의 조각을 합치면 멋진 작품이 나오듯이 리액트로 만든 웹은 여러개의 컴포넌트로 구성을 이룬다특히나 반복 작업을 하는 기능을 컴포넌트로 만들면 코드의 재사용성에서도 좋다리액트 어렵다... 그리고 css 공부도 다

여기(Module not found: Can't resolve './node_modules/react')에 정리를 해놓았다요즘엔 에러가 뜨는 게 반갑다 구글신이 도와주니까관련 사이트 : https://www.npmjs.com/package/uuid유효아이디를

배운 것1\. React Strict mode여기에 정리해놓았다물론 허접하지만 내가 이해한 만큼 정리해보았다styeld-components여기에 정리했다다른 팀원분이랑 투두리스트 만들기 하면서 알고 있긴 했다 하지만 오늘 리액트 숙련 강의를 들으면서 좀 더 자세히 알게

모던자바스크립트 스터디를 하면서 알게 된 내용이다export default는 최대 1개의 export default가 있을 것이기에 내보낼 개체에는 이름이 없어도 된다위에서 말했다싶히 파일 당 최대 1개의 export default가 있을 것이기에 이 개체를 가져올 파

투두리스트 제목과 내용을 입력하라는 alert 기능을 만들었다기능이라고 하기엔 거창하지만 그래도 뿌듯...focus기능도 구현했다 사실 이것도 기능이라고 하긴 민망하지만 뭔가 내가 이해한대로 코드를 작성하니 작동이 되어서 신기했다그리고 공식문서만 보고 처음으로 기능을

배운 것a. Unable to resolve module util from node_modules\\uuidv4\\build\\lib\\uuidv4.js 오류 여기에 정리를 했는데 왜 내 프로젝트에는 util이 없었던건지 아직도 의문이다흠...b. Redux전역에서 상

배운 것 느낀 점

a. export default는 내보낼 때 이름이 없어도 된다여기에 정리해놓았다b. 리액트 제목, 내용 입력 alert 메세지 띄우기여기에 같이 정리해놓았다지난 주까지는 어려웠는데 지금 보니까 왜 어려웠지 하는 생각이 든다c. useRef 사용해 자동 focus여기에

a. ducks patternducks pattern을 아는 선에서 정리해보았다사실 리덕스 흐름에 대해서 쓰려고 했는데 왜 이걸 썼을까?ㅎb. useParamsuseParams를 쓰면서도 대충 파라미터를 가져오는 건가보다 했는데 잘못 알고 있었다공식문서를 보니 이렇게

툴킷에러어이없게 해결...왜 하루종일 고민했는가...오타를 조심하자아니 내일부터 프로젝트인데 큰일이다thunk랑 axios 개념은 이해가는데 막상 써보려고하니까 응용이 안 된다콘솔 찍어보면서 내 투두리스트 디벨롭하면서 적용해봐야겠다원래 오늘까지 thunk, axios

깃허브 remote 재설정로컬 저장소가 다른 레포에 연결이 되어있어서 기존의 remote origin을 삭제하고 다시 설정을 했다git remote -v로 어떤 remote에 연결되어있는지 확인 \-> git remote remove origin으로 origin rem

리액트 아이콘여기에 정리를 해놓았다이런 걸 지금 알다니... 사람은 역시 아는 만큼 보인다하하하 벌써 프로젝트 이틀차인데 뭔가 막막하다그리고 프로젝트를 할 수록 내가 아직 리액트를 완전히 이해를 못한 게 느껴져서 중간중간 계속 다시 개념을 찾아보면서 배우고 있다프로젝트

json server json 서버를 제대로 쓰지 못하고 있다는 걸 알았다서버랑 통신하기 왜이렇게 어렵지?내가 리액트를 잘 안다고 생각했는데 오산이었다그리고 지금 하는 프로젝트에서 쓰는 풀캘린더API를 사용하니까 뭔가 에러가 엄청난다하나씩 고쳐보고 있는데 쉽지 않다..

input창 type을 date로 했는데 달력모양 아이콘을 클릭해야 날짜를 선택할 수 있었다내가 원하는 건 연도,월,일이라는 글자를 클릭하면 날짜를 선택할 수 있게 만드는 것이었다일단 저 오른쪽에 있는 달력 아이콘을 없애고 싶어서 관련 css속성을 구글링 해보았다 그래

리액트 팀 프로젝트 발표시연 영상 제작 및 프로젝트 발표이번에는 발표 전에 연습을 하니까 그나마 조금 발표할 때 수월하게 할 수 있어서 좋았다역시 연습과 반복이 답이다그리고 항상 느끼는 거지만 발표하고는 나서 항상 아쉽다는 생각이 든다다음 프로젝트 때는 미리 발표자료를

includes 메소드프로그래머스문제를 풀면서 알게 되었다 하하하어제 리액트 네이티브를 배웠는데 어려운 듯 쉬운듯하다그래서 다시 복습하면서 익혀야겠다는 생각이 들었다 ㅠ리액트도 다시 복습할 예정...프로그래머스 0단계 1개 풀기리액트 네이티브 강의 듣기리액트 네이비트

CPU 처리속도 향상을 위해서 CPU 연산능력뿐만 아니라 내가 어떤 걸 처리해야할 지 아는 게 중요 레이턴시 = 지연율 캐싱 알고리즘 = 로컬리티(지역성/Locality)이 핵심 시간적 지역성 : 지금 사용한 데이터를 가까운 미래에 재사용 할 가능성(미래에 부름)

이번 주 배운 것 리액트 네이티브 기본적인 태그들을 배웠다 아직 익숙하진 않지만 좀 더 사용해보면 익숙해질 듯하다 리액트 네이티브 flex 느낀 점 이번 주는 프로젝트 끝나고 바로 네이티브를 배워서 그런지 정신이 없다 그래도 주말에 다시 천천히 해보니까 재밌었다

새해를 맞이하며 처음 쓰는 TIL 벌써 2023년이라니 시간이 너무 빠르다... 배운 것 느낀 점 시작이 좋은 2023년이다 사실 1월 1일에도 누가 시키지도 않았는데 젭에 나와서 코딩을 하긴 했다 네이티브 아직 헷갈린다 그래도 하나하나 찍어가보고 확인해가면서 한

a. 특정 커밋 다운로드 받기이 블로그를 보면서 알게 되었다b. LinearGradient 네이티브를 하면서 알게 된 속성이다c. 프로그래머스 0단계 문제를 풀면서 math.trunc를 알았다네이티브 너무 어려워...근데 재밌어...근데 로직 왜 이렇게 못 짜...슬프

배운 것LinearGradientScrollView느낀 점네이티브를 배우느라 정신없이 시간이 흘렀다리액트 쿼리도 너무 헷갈려... 그래도 해봐야지 늘겠지...?그리고 수다떠는 시간을 좀 줄여야겠다 학습하는 시간을 더 늘려보자...!그리고 프로젝트도 성공적으로 끝내서 재

배운 점 느낀 점 내일 할 일

배운 점 .toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",") 가격이 출력되는 화면에서 천 단위로 쉼표가 없다는 걸 발견했다 그래서 뭔가하고 보았더니 toLocaleString메소드가 있었다 그럼 설마 안드로이드에서는 안 되는 건

이번 주 배운 점 리액트 네이티브 프로젝트 - 상평통보 완료!!! 상평통보 노션에 KPT를 적어놓았다 하고 싶은 기능을 다 넣어서 재밌게 했던 프로젝트였다 리액트와는 달라서 좀 해맸는데 그래도 네이티브 한번 배우니까 모바일쪽에도 관심이 더 생겼다 다음에 기회가 된다면

카카오톡 공유하기이미지 모듈 타입에러스크롤업 버튼 만들기window.scroll mdn 사이트를 참고하여 top:0으로 올려주는 버튼을 만들었다state도 만들어서 y값이 30보다 크면 버튼을 보이게 만들었다저번 주 금요일부터 프로젝트 시작이었는데 설이 껴있어서 뭔가

opengraph공유하기 기능을 만들었다고하니 튜터님이 알려주신 사이트이다각 사이트별로 공유할 때 어떻게 보이는지, 그리고 메타태그가 어떻게 되는지를 알 수 있다또한 내가 배포하고자하는 사이트를 공유할 때 어떤 식으로 보이는지 미리 볼 수 있고 title이나 dec,

next.js의 기초적인 부분페이지를 만들 때 마다 라우터 돔 사용하는 게 귀찮았는데 넥스트를 알게 되어서 좀 더 간편하게 만들 수 있을 듯하다노마드코더 강의 들으면서 정리해야지 ㅎ최종프로젝트를 앞두고 마음이 급하다밀린 공부 하느라 급하고 잘하고 싶은 마음에 조급함을

디바운스리액트를 다시 복습하다가 알게 된 개념어떤 함수를 연속적으로 호출할 때 지연시간을 걸어 제일 마지막에 오는 함수만 실행되도록 하는 것오늘 콘솔 찍어가며 input 태그에 적용해봤는데 재밌다...!이번 주부터 리액트를 다시 복습 중이다복습하면서 모르는 내용이 나오

Tailwind css포폴 페이지를 만들면서 사용해보니 생각보다 직관적으로 사용할 수 있어서 신기했다근데 코드가 좀 더러워지는 건 어쩔 수 없는 함정...그냥 이번 주는 계속 리액트만 복습했다최종프로젝트를 앞두고 마음이 싱숭생숭하면서도 한편으로는 설레이는 마음이 든다넥

당장 이번주부터 최종 프로젝트가 시작되었다아마 한 달 정도는 프로젝트를 하면서 해결한 에러나 이런저런 생각들을 쓰게 될 듯 싶다내가 속한 조에서 하게 될 프로젝트는 데스크꾸미기(데꾸) 커뮤니티를 만들 예정이다대략적인 와이어 프레임을 만들고나니 너무 심심한 것 같다는 피

오전에 프로젝트 회의 진행\-> 서기는 하나와이어프레임 디자이너님 전달 하나디자인 레퍼런스 서치 완. 다영MVP 마이페이지 전까지 완료 하나api 명세 작성 태영개발자 그라운드 룰 정하기와이어프레임 디자이너님 설명 전달 최종워크플로우 짜기MVP 마이페이지부터 작성하기t

.env.local출처 : https://han-py.tistory.com/441트러블 슈팅여기에 정리를 했다뿌듯한 트러블 슈팅...오늘도 회의하고 셋팅하느라 정리가 없었다아침부터 저녁까지 회의를 하니까 다들 저녁이 되면 녹초가 되는 걸 보면서 너무 쉼없이 달