태그 목록
전체보기 (88)TIL(24)코드스테이츠(21)회고(14)js(13)프로젝트(11)알레프(10)JavaScript(7)Pair Review(7)CODESTATES(5)자바스크립트(4)프리코스(4)precourse(3)html(3)이머시브(3)API(3)동기(2)비동기(2)return(2)3주(2)object(2)callback(2)const(2)PRE(2)if(2)함수(2)this(2)apply(2)리액트(2)call(2)git(2)cli(2)pairreview(2)tag(2)gui(2)React(2)fullpre(2)Web Architecture(1)5주(1)a(1)recursion(1)datatype(1)상수(1)연산자(1)sementic(1)declaration(1)nonblock(1)client(1)input(1)파이널프로젝트(1)순서(1)Prototype(1)서버(1)영화서비스(1)ajax(1)Blocking(1)non blocking(1)구직(1)동영상강의(1)class(1)while(1)for(1)branch(1)고차함수(1)interaction(1)local variable(1)동기부여(1)span(1)div(1)조건문(1)break(1)문자열(1)반복문(1)switch(1)continue(1)let(1)var(1)expression(1)global variable(1)filter(1)factorial(1)conflict(1)application(1)treestructure(1)4주(1)li(1)커링(1)callback Hell(1)ClearTimeout(1)함수메소드(1)eventhandler(1)옵셔널파라미터(1)new(1)setInterval(1)setTimeout(1)window(1)소프트웨어개발자(1)VirtualDOM(1)Constructor(1)constant(1)Data Base(1)chown(1)reduce(1)ul(1)clearInterval(1)block(1)개발자(1)체크(1)console(1)토크세션(1)data(1)단축키(1)재귀(1)Fetch(1)github(1)shortcut(1)ol(1)Map(1)자료형(1)팀프로젝트(1)Falsy(1)else(1)datastructure(1)활용법(1)data structure(1)closure(1)memo(1)vscode(1)scope(1)취업(1)src(1)assignment(1)component(1)variable(1)sudo(1)콜백(1)콜백지옥(1)VSC(1)백엔드(1)compiler(1)7기(1)2주(1)instance(1)논리연산자(1)server(1)http(1)bind(1)공부법(1)stack(1)queue(1)비교연산자(1)browser(1)세션(1)operator(1)객체(1)
post-thumbnail

코드스테이츠 미니 세션: "취업에 도움이 되는 FINAL 프로젝트" (1/6)

오늘은 첫 번째 프로젝트가 끝나고 하루 쉬어가는 날이다. 오후까지 밀린 잠을 자고 간만에 점심도 나가서 사먹었다! 그리고 저녁에 파이널 프로젝트 가이드를 제공해주는 미니 세션에 참석했다. 첫 번째 프로젝트를 진행하면서 아쉬웠던 부분이 많아서 '다음엔 더 잘해야지'라는

2021년 1월 6일
·
0개의 댓글
post-thumbnail

코드스테이츠 첫 번째 2주 프로젝트를 마치고 작성하는 회고

오늘 드디어 2주 프로젝트를 모두 마치고 발표하는 시간을 가졌다. 프로젝트 기간동안 팀별로 스프린트를 진행했기 때문에 다른 팀은 어떻게 작업을 하고 있는지 궁금했다. 오늘 발표를 들어보니 우리 팀의 결과물에 대한 아쉬움이 많이 남았다. 우리 팀이 어떤 것들을 시도했고

2021년 1월 5일
·
0개의 댓글
post-thumbnail

코드스테이츠 첫 번째 2주 프로젝트 2주차(1/4)

오늘은 프로젝트 시연 발표 하루 전날!아침부터 배포와의 전쟁이었다. 오후 3시가 되어서야 겨우 배포를 할 수 있었는데, 그마저도 https는 되지 않아서 결국 http로 해야 했다. 이번에는 AWS를 이용해서 배포를 진행했지만 팀장이 다음에는 firebase를 이용해보

2021년 1월 5일
·
0개의 댓글
post-thumbnail

코드스테이츠 첫 번째 2주 프로젝트 2주차(1/1)

프로젝트 마무리까지 얼마 남지 않아서 쉬는 날이었지만 오후 늦은 시간에 줌에서 만나 팀회의를 하고 작업을 계속했다. 댓글창에 댓글을 입력했을 때 ID가 작성자 이름으로 들어갈 수 있도록 하기일반 로그인과 소셜 로그인 2개가 모두 작동할 수 있도록 만들고, 회원 가입이

2021년 1월 5일
·
0개의 댓글
post-thumbnail

코드스테이츠 첫 번째 2주 프로젝트 2주차(12/31)

이제 프로젝트를 마무리할 날이 얼마 남지 않았다. 시간이 어떻게 흘러갔는지! 오늘은 서버단과 만나서 오전에 회의하고 더 기능구현에 욕심을 내기보다는 지금까지 만든 것을 배포까지 성공시키는 것을 목표로 잡았다. cert.pem과 key.pem은 본인이 발급받은 그대로 클

2021년 1월 5일
·
0개의 댓글
post-thumbnail

코드스테이츠 첫 번째 2주 프로젝트 2주차(12/30)

오늘도 계속해서 movieCompare 페이지와의 전쟁! 또 정말 힘들었던 것이 코멘트창을 다듬는 일이었다. 서버단에서 크롤링해온 포스터파일 2개를 가지고와서 해당 페이지에 렌더링을 해봤다. 포스터의 경우 DB에서 받아서 뿌리는 형태로 렌더링할 예정인데 네이버 영화

2021년 1월 5일
·
0개의 댓글
post-thumbnail

코드스테이츠 첫 번째 2주 프로젝트 2주차(12/29)

오늘은 movieCompare 페이지 손 보는 날! 전체적으로 css가 굉장히 어려웠다. 버튼의 위치나 크기를 잡는 것도 그랬고, 포스터의 위치가 navbar 영역을 침범하기도 하고 댓글창의 높이에 맞추어 버튼 크기를 맞추는 것 등 정말 손으로 '이렇게-' 집에서 딱

2021년 1월 5일
·
0개의 댓글
post-thumbnail

코드스테이츠 첫 번째 2주 프로젝트 2주차(12/28)

디자인 작업을 본격적으로 시작했다. 디자인에 대해서 팀 단위에서 논의된 내용이 없어서 프론트단에서 작업하면서 예쁘다고 생각하는 색과 폰트를 골랐다. 예쁜 웹페이지를 많이 봐둬야겠다고 생각했다. 2020년 css 트렌드에 대한 내용 검색: 사이트 메인 색상은 violet

2021년 1월 5일
·
0개의 댓글
post-thumbnail

코드스테이츠 첫 번째 2주 프로젝트 1주차(12/24)

어제까지 메인 페이지에 포스터가 나올 수 있게 mapping하는 부분까지 작업을 마쳤는데 오늘 아침에 모달창과 관련된 작업을 하다보니 갑자기 포스터가 렌더링되지 않는 문제가 발생했다. 오후까지 삽질의 연속, 페어의 것을 푸시도 해보았는데 결국은 대소문자 문제였다.. 이

2021년 1월 5일
·
0개의 댓글
post-thumbnail

코드스테이츠 첫 번째 2주 프로젝트 1주차(12/23)

오늘은 로그인 버튼을 눌렀을 때 회원가입이 가능한 모달창을 띄우는 것까지 작업해봤다. 쉽지 않아서 함께 작업하는 동기와 관련 영상을 많이 봤다.서버단에서 google API를 쓰려면 npm는 6.14.6으로 버전 통일이 필요하다는 의견(재확인 필요)로그인에서 서버단과

2021년 1월 5일
·
0개의 댓글
post-thumbnail

코드스테이츠 첫 번째 2주 프로젝트 1주차(12/22)

프론트엔드 구현에 참고할만한 사이트들을 조사하고 대략적인 틀을 잡았다. 생각보다는 작업을 많이 진행했다. 메가박스와 롯데시네마 사이트를 참고해서 디자인적으로 필요한 부분을 가져오기로 했다. 표현해야 할 정보: 영화 제목, 평점, 전문가 평점, 리뷰, 관람객 수, 개봉일

2021년 1월 5일
·
0개의 댓글
post-thumbnail

코드스테이츠 첫 번째 2주 프로젝트 1주차(12/21)

프로젝트팀의 구성이 끝나고 가진 첫 번째 팀미팅. 4명의 팀원을 프론트 2명과 백엔드 2명으로 나누었다. 나는 프론트를 맡게 되었다(잘 해낼 수 있을까..??)! node와 npm의 버전을 통일했다. 브레인스토밍을 통해 구현해보고 싶은 서비스를 정했다.우리 팀은 현재

2021년 1월 5일
·
0개의 댓글
post-thumbnail

코드스테이츠 토크 세션: "나를 돋보이게" 참석 후기 (12/25)

intro 나이가 많은 상황, 공부 하기 최악의 환경, 육아와 학업, 코로나19 > 개인 시간을 줄이는 방법 7-9시 알고리즘 풀기(토이) 9-18 수업 23-2 블로깅, 수업 정리 등 알고리즘은 생각보다 중요하다. 성실한 코스의 수료 기준! 기수 이동하지 않고 정

2020년 12월 24일
·
0개의 댓글

[AWS] S3, EC2, RDS

S3(Simple Storage Service) 데이터 스토리지 솔루션 혹은 서비스. 보통 바이너리 파일 혹은 중요한 데이터를 저장하기 위해서 사용한다. 거대한 하드디스크와 비교할 수 있다. 매우 간단한 서비스이기는 하지만 데이터 손실 가능성이 적고, 사용이 간략하며

2020년 12월 15일
·
0개의 댓글
post-thumbnail

[JS] 다시 돌아온 비동기호출(Asynchronous JavaScript) 1탄 : 콜백(Callback)

이번 주부터 시작하는 스프린트를 이해하지 못하면 다음 일정에 지장이 생긴다는 말에 바짝 정신을 차리게 된다. 이전에 이미 해당 내용에 대해 정리한 바 있지만 나의 머리는 이미 그 기억들을 다 날려버렸을 뿐이고오(...) 다시 이해하기 쉽도록 이미지 파일과 코드를 덧붙여

2020년 12월 1일
·
0개의 댓글
post-thumbnail

TIL_ 20201116 MON - 20201120 FRI

이번 주는 공식 문서와의 싸움이었다. 처음 코딩을 배울 때는 기본기가 없어도 너무 없다 보니 공식 문서를 이해한다는 것이 불가능에 가까웠다. MDN을 봐도 '이게 대체 무슨 말인가, 그래서 이 자리에 뭐가 들어간다는 거지?'라는 물음표만 더 커질 뿐이었다. 상황이 이렇

2020년 11월 25일
·
2개의 댓글
post-thumbnail

TIL_ 20201109 MON - 20201113 FRI

지난주 course reflection 시간에 크루가 정말 강조한 부분이 있다. "이번 주부터 배우는 내용은 놓치는 순간 그다음 스프린트에 영향이 있으니 꼭 따라갈 수 있도록 시간 활용을 잘해 달라"는 것이다. 그래서 월요일부터 되도록 당일에 배운 내용은 당일에 소화하

2020년 11월 25일
·
0개의 댓글
post-thumbnail

[React로 영화 웹 서비스 만들기] 2020/11/24_컴포넌트 만들기

어제에 이어서! 오늘은 리액트(React)로 나만의 컴포넌트(Component) 만들기에 도전! 먼저, 주의해야할 것은 npm start상태를 유지해야 한다는 점이다. 그렇지 않으면 localhost를 계속 유지할 수 없고 새로고침을 헀을 때 'page not foun

2020년 11월 24일
·
2개의 댓글
post-thumbnail

[REACT] What is REACT?

오늘부터는 리액트(React)를 공부한다! 프론트엔드에 관심이 많이 생기고 있었는데 벌써부터 기대가 된다. 리액트에 대해서 예전 페어분이 스치듯 언급하신 적이 있다. 코스에 합류하기 전에 여러 프로젝트를 이미 진행하셨고 재미있는 결과물을 많이 만들었던 분이었다. 솔직히

2020년 11월 18일
·
0개의 댓글