profile
Frontend Ninja
post-thumbnail

[우아한 테크코스 #12] 👻 setState 👻로 돌아보는 12주차 회고록

안녕하세요 준찌(혹은 찌구리, 준조림, 준구리)입니다. 이번 주차는 페어주차였습니다 !! 이번 페어 프로그래밍 간에는 페어노트를 활용해보았는데요. 저번 페어에서 느꼈던 프로젝트 매니징 영역에서의 문제를 해결하고자 제안해보았습니다.(이번 페어분이 문서화를 좋아하시는 분이

6일 전
·
2개의 댓글
post-thumbnail

[우아한테크코스 #11] 인라인 스타일과 함께하는 11주차 회고

이번주는 코로롱이 끝난 주..! 정확히 수요일날부터 나갈 수 있었지만.. POCO의 권유로 재택으로 코스를 진행했다..(ㅇㅈㅇㅈ 일어나서 준비다했지만 다시 잘 수 있어서 행복했습니다..)좀 자고 일어나니 스크럼 시간이었기에.. 진행 ! 스크럼 시간에는 항상 외롭다. 모

2022년 5월 8일
·
6개의 댓글
post-thumbnail

[우아한테크코스 #8] API 서버를 배포해봅시다

아주 간단합니다. 백엔드 API서버를 하나 만든다고 생각하시면 될 것 같아요 터미널에서 node index.js 를 작성하면 백엔드 서버가 '로컬'에서 실행됩니다. 로컬에서 실행되는 경우 3000포트로 서버를 열어 놨으므로 localhost:3000 주소로 요청을 보내

2022년 4월 3일
·
0개의 댓글
post-thumbnail

[우아한테크코스 #7] Browser History API를 통해 SPA처럼 라우팅을 적용해보자

SPA는 Single Page Application(싱글 페이지 어플리케이션)의 약자입니다. 말 그대로, 페이지가 1개인 어플리케이션이란 뜻입니다.간단한 어플리케이션을 SPA처럼 동작하게 만들어볼거에요.tab 버튼을 누르면 해당 탭에 맞는 화면이 나타난다.tab 버튼을

2022년 3월 27일
·
0개의 댓글
post-thumbnail

[우아한테크코스 #6] 추상화가 좋을지 판단해보자

VideoList 종류가 여러 개이다!저장된 비디오들을 보여주는 Saved Video List 영역검색된 비디오들을 보여주는 Search Video List 영역처음에 이 두 개의 UI 영역을 하나의 클래스로 개발하였습니다. 추상화 하기 전 방식 하지만 다음과 같은 문

2022년 3월 21일
·
0개의 댓글
post-thumbnail

[우아한테크코스 #6] 네트워크 통신 테스트

요번 유튜브 미션은 다음과 같은 명세를 따릅니다.유튜브 검색 API를 사용하여 응답 데이터를 나의 어플리케이션에 띄워야 하기에 네트워크 통신을 하기위한 코드를 구현해야합니다 ! 다음 코드는 네트워크 요청을 수행하는 모듈입니다.generateFetcher : fetche

2022년 3월 21일
·
0개의 댓글
post-thumbnail

[우아한테크코스 #6] 데이터 캐싱하기

캐싱이란? > 컴퓨팅에서 캐시는 일반적으로 일시적인 특징이 있는 데이터 하위 집합을 저장하는 고속 데이터 스토리지 계층입니다. 따라서 이후에 해당 데이터에 대한 요청이 있을 경우 데이터의 기본 스토리지 위치에 액세스할 때보다 더 빠르게 요청을 처리할 수 있습니다. 캐

2022년 3월 20일
·
0개의 댓글
post-thumbnail

[우아한테크코스 #5] 오해해버린 설계

우선 저번 미션에선 설계를 해두고 큰 모듈에서 작은 모듈로 개발해나갔습니다. 그러다보니 다음과 같은 문제점들이 있더군요 !!😳 작은 모듈들이 각자의 일을 잘 하지 못했다! (각자의 일을 잘하도록 리팩토링 하는 과정이 매우 길어졌습니다) 😳 작은 모듈들이 추가되어야

2022년 3월 13일
·
0개의 댓글
post-thumbnail

[우아한테크코스 #4] 이벤트를 관리해보자 (당신이라면 어떻게 하시겠습니까)

만약 당신이라면 다음과 같은 상황에서 어떻게 이벤트를 바인딩 할 것인가..!A class 에서 비즈니스 로직을 담은 핸들러를 멤버로 갖고 있고, B Class 에서 A의 핸들러를 DOM 에 바인딩 하려고 한다면 ?저는 크게 세 가지 방법을 떠올릴 것 같아요.A와 B는

2022년 3월 6일
·
0개의 댓글
post-thumbnail

[우아한테크코스 #3] UI와 도메인 로직의 분리, 그리고 모델링

페어와 함께 생각해본 설계도를 도식화해보면 위와 같습니다. 여기에서의 각 Entity는 다음과 같은 역할을 합니다LottoGameManager : 게임을 시작하고, Domain 과 View 를 셋팅하는 역할을 수행합니다. 도메인의 메소드를 직접 호출하여 데이터를 변형하

2022년 2월 27일
·
0개의 댓글
post-thumbnail

[우아한테크코스 #3] 나의 디자인 패턴 혐오증

디자인 패턴 혐오증이라는 제목이지만, 사실 혐오하지 않습니다. 디자인 패턴에 매달려 좋은 아이디어를 잃어

2022년 2월 21일
·
0개의 댓글
post-thumbnail

[우아한테크코스 #2] class, 그리고 static method

우리는 클래스를 만들고, 이 클래스를 통해 여러 객체들을 만들어낼 수 있어요. 하지만 우리가 흔히 알고있길 class를 선언 하지 않고도 object literal로도 객체들을 만들 수 있어요. 그렇다면 우리가 클래스를 선언하여 객체를 만들땐 적절한 다른 이유가 있어야

2022년 2월 20일
·
0개의 댓글
post-thumbnail

[우아한테크코스 #2] Animation

애니메이션을 구현하는 방법에는 어떤 것들이 있을까요 ?!css를 이용하여 구현한다.requestAnimationFrame 전역 메소드를 활용하여 구현한다.setTimeout, setInterval 메소드를 활용하여 구현한다.우선 이번 어플리케이션은 프로그램 명세에 맞게

2022년 2월 19일
·
5개의 댓글
post-thumbnail

[우아한테크코스 #1] 페어 프로그래밍 그리고 Software Testing

이 글은 우아한테크코스 4기 첫 주차의 인사이트와 느낀점을 기록한 글입니다. 🗓 02/07(화) ~ 02/11(금) 페어 프로그래밍

2022년 2월 9일
·
2개의 댓글
post-thumbnail

[우아한테크코스 4기] 최종 코딩테스트 리팩토링

최종 코딩테스트를 마치고, 마저 기능 개발 - 리팩토링을 하는 과정을 기록하고자 합니다. 아직 수정중입니다.

2021년 12월 21일
·
0개의 댓글
post-thumbnail

[우아한테크코스 4기] 끝나지 않은 프리코스 (내가 다시 설계한 MVC)

앱에서 사용되는 모든 모델 객체들을 가지고 있다. 이 모델의 메소드를 이용하여, 특정 모델들을 참조할 수 있게된다.마스터 모델 클래스에서 객체로 가지고 있는 서브 모델 객체들의 클래스이다. 이 클래스는 Model 클래스를 상속받아, 확장된 클래스가 된다.각 모델에서 사

2021년 12월 17일
·
0개의 댓글
post-thumbnail

[우아한테크코스 4기] 끝나지 않은 프리코스 (리팩토링)

1,2 주차는 리팩토링 과정을 따로 포스팅 하지 않았으나, 3주차에는 기억해야하고싶은 정보도 많고, 개선해보고 싶은 부분을 공유하고 싶기도 해서 포스팅을 진행합니다현재 코드는 탭이 변경될 때 마다 메인 템플릿을 innerHTML로 삽입하여 돔을 만들어낸다. 이 경우 이

2021년 12월 16일
·
0개의 댓글
post-thumbnail

[우아한테크코스 4기 프리코스] 3주차 후기

그간 나의 성장 및 3주차에 아쉬웠던 점, 더 수정해야하는 지점들을 정리해보려고 합니다. 그 간의 성장했다고 느낀 지점 및 3주차 아쉬운 점, 배운 점들을 간략하게 코멘트로 정리해보았습니다.PULL requestMVC를 적용해보는 것이 처음이라 컨트롤러에서 동전을 넣는

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

[우아한테크코스 4기 프리코스] 2주차 후기

1주차 과제 제출 이후 피드백 문서와 다른 사람의 코드를 보고 느낀점을 정리하려고 한다.다음은 제출한 풀리퀘의 내 코드의 일부이다. 위와 같이 짠 이유는 공백을 두면 눈의 피로가 덜 할것이며, 이는 가독성과 연관된다고 생각했기 때문인데 이렇게 짜게 되면 공백에 의미를

2021년 12월 8일
·
0개의 댓글