TIL

오전에 위코드에서 생활하면서 알아야할 가이드라인, 커뮤니티 활용, 규칙 등을 들었는데 다시 봐야하겠다.점심은 사전 스터디 팀원분들이랑 같이 쌀국수를 먹었다.2시부터 승현님이 웹에 대한 역사, 각 세대별 웹 서비스의 구조, 프론트/백엔드 개념 등을 들었지만 이 또한 다시

오전 10시에 도착해서 repl.it 자바스크립트 시작오후 2시에 프론트엔드 개발자 하는 일 보고 든 두가지 생각👉 세상에 쉬운 일은 없다👉 할 수 있을까? 할 수 있겠지? 아마도?TFT(어색함을 푸는 시간?)는 아주 재밌고 유익쓰한 시간이었다\++ 증감 표현식이

👀 오늘 뭘 했을까? 오전에 repl.it 못한거 마저 했다 오후에 백엔드에 대해 자세히 설명해주셨는데 프론트가 더 좋아졌다. 남은 시간 CSS 레이아웃 이해 안가는 부분 복습! 😳 오늘 뭘 공부 했을까? 1. 추가된 String 메소드 >- startsWith

인스타그램 클론 프로젝트를 시작하며 벨로그 작성에 소홀했다...클론 코딩을 진행하며 HTML, CSS, JavaScript를 많이 활용해볼 수 있었다.만들고 수정하고 만들고 수정하고 무한 반복했던 한주....로그인 전로그인 후flex 를 이용해 로그인 폼을 만들었다.실

코드 카타를 시작하며 정렬 알고리즘를 공부하며 따로 정리해야겠다.리액트도 이번주부터 시작해서 기본 세팅, 개념들을 정리해야겠다.Node.js 는 자바스크립트 런타임으로 브라우저 밖에서 자바스크립트를 실행할 수 있게 한다.리액트는 웹 브라우저에서 실행되는 코드로 직접적인

코드 카타 1시간 약속을 지키지 못했다.....리액트로 구현을 해보면서 props 와 state 개념을 조금 이해한 거 같다.CRA 초기 세팅 후 팀원 한분이 master 브랜치로 올리고 clone, branch 를 하며 git-flow 개념이 이해됐다.빈 폴더를 gi

위스타그램 리액트 댓글 / 스토리 / 피드 관련 기능 구현!메인 페이지의 scss를 좀 더 분리해서 관리하는게 좋을 거 같아서 컴포넌트 단위로 나눴다.this.setState 함수의 비동기적인 실행으로 발생되는 state 값의 적용차이를 해결하기 위해 구글링 해보며 콜

굉장히 오랜만에 쓰는 TIL 이다.프로젝트 시작하면서 세션 정리, 벨로그 모두 미루고 미루고 미뤘네? 하하..벌써 한 주가 끝나고 1차 중간 발표가 내일이라니...상품페이지, 상품 상세페이지를 맡아 열심히 작업하며 한주를 보냈지요!상품 카테고리, 정렬탭 컴포넌트 와 상

createGlobalStyle 컴포넌트와 styled-reset 의 reset 을 통해 reset.scss 대신 전역으로 css 를 초기화할 수 있다.themeProvider 컴포넌트의 theme 속성에 객체로 정의된 css 속성 값들을 넣어주면 공통된 css 속성을

처음 카테고리 선택을 구현했을 때는 하나의 배열 안에서 관리했다.직방 카테고리처럼 카테고리별 그룹을 나누어 각각 관리하기 배열을 2개로 나눴다.전체를 선택했을 때는 해당 그룹에 포함된 모든 카테고리를 배열에 넣어주고 두 카테고리 모두 전체를 선택했을 경우 배열에 담긴

타입을 검사하기 위해 변수, 클래스, 함수에 사용할 수 있다.인터페이스에 선언된 프로퍼티 또는 메소드의 구현을 강제하여 일관성을 유지할 수 있다.직접 인스턴스를 생성할 수 없고 모든 메소드는 추상 메소드다.MainData.json 파일에서 데이터를 처음 받을 때 배열

현재 진행하고 있는 클론 프로젝트에서 구현해야할 슬라이드 기능이 첫지점이나 끝지점에서 끝나지 않고 마지막 또는 처음 이미지가 다시 나오는 무한 슬라이드였다.구글링을 통해 cloneNode 라는 메소드를 알게 됐고 처음과 마지막 이미지를 복제한 후 현재 슬라이드 박스 엘

슬라이드를 직접 구현하면서 항상 움직이는 크기값을 state 담아 관리해서 클릭할 때마다 리렌더링이 됐다.반응형을 구현하기 위해 state 를 resize 이벤트 가 발생할 때마다 상태가 변해 불필요한 렌더링이 발생했다.이벤트 함수는 발생할 때마다 호출되기 때문에 st

현재 화면을 범위를 기준으로 좌표가 변경될 때마다 데이터를 요청하여 마커를 지도에 표시했었다.이 방식을 구현한 이유는 마커가 지도에 올라가면 범위 밖에 있어도 마커가 계속 지도에 표시된다고 생각하여 지속적으로 범위 밖과 중복되는 마커들을 삭제했다.하지만 카카오 지도 A

📌 API 프로그램의 명령 목록을 정리하고 응용프로그램과 상호작용하여 명령에 대한 값을 전달한다.📌 Server API 요청에 맞는 응답을 되돌려주는 EndPoint를 웹을 통해 노출시킨 것을 말한다.📌 EndPoint API가 서버에서 리소스에 접근할 수 있게

가장 흔한 예시를 들면 무한스크롤 구현이다. 해당 API가 제공되기 전에는 스크롤 이벤트를 통해 무한스크롤을 구현했다. 하지만 스크롤 이벤트에는 너무 많은 이벤트 발생으로 인한 최적화 문제로 throttle을 통해 최적화를 해야한다.이러한 문제점을 가지고 있는 스크롤