# 개발일지

1902개의 포스트

웹개발 2주차 개발일지

<웹개발 2주차 배운내용>실제로 데이터가 움직일 수 있게 만들어보기Javascript, JQuery, FetchJavascript : 웹을 움직이게 하는 코드JQuery : html 뼈대를 선택해서 쉽게 조작할 수 있음Fetch : 짧은 코드로 요청을 보내고 받아

약 3시간 전
·
0개의 댓글
·

React) 내 마우스 위치에 요소 생성 + 따라오기

내 마우스 따라오게 하기 내 마우스 위치에 요소 생성

약 17시간 전
·
0개의 댓글
·
post-thumbnail

reduce로 객체배열의 객체 속성으로 새로운 배열 만들기.

다음처럼 객체들로 이루어진 배열로 존재할 때Obj.name : Obj.data의 배열들을 만들고 싶다면ex) type : Array(1), valid : Array(2) 다음처럼 reduce를 사용하면 된다.

1일 전
·
0개의 댓글
·
post-thumbnail

github pages 배포시 img, audio 경로 설정

Momentum 클론코딩 후, github pages로 배포하고 나서 가장 당황스러웠던 오류는 배경 이미지가 안뜬다는 것이었다... 이에 대한 해결 방법을 적어보고자 한다. 배경 이미지가 뜨지 않음 우선, 내가 구현한 Momentum은 시간대를 밤, 오후, 오전

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

<SQL 개발 일지> SQL 1주 차

스파르타코딩클럽 [왕초보] 엑셀보다 쉬운 sql 1. sql의 필요성(sql= Structured Query Language) sql이란 DB에 요청을 해서 원하는 데이터를 가져오는 것을 도와주는 언어! 1) 데이터를 읽어오는 과정을 편하고 보기 쉽게 만들어준다.

4일 전
·
0개의 댓글
·
post-thumbnail

자바스크립트) includes() 함수

includes 함수를 이용하면 배열 안에 해당 값이 존재하는지 확인할 수 있다.또한 배열끼리의 교집합, 차집합도 가능하다.다음과 같이 배열이 존재할 때이 배열의 교집합과 차집합을 구해보자.includes에서 filter를 섞으면 차집합이 가능하다.

5일 전
·
0개의 댓글
·
post-thumbnail

axios interceptors를 사용하여 auth 에러 똑똑하게 처리하기

호기롭게 해보겠다는 이 한 마디를 시작으로 Toks의 OAuth2.0 인증 구현을 맡아서 하게 되었다. 덕분에 고통스럽지만 매우 매우 성장할 수 있었다고 생각한다. OAuth 2.0은 인증을 위한 개방형 표준 프로토콜이다. 유저가 똑스 서비스에 접속을 했을 때 만약 똑

7일 전
·
0개의 댓글
·
post-thumbnail

무한스크롤 구현

이번 프로젝트에서 스터디 일지부분을 무한스크롤을 통해 원하는 게시글 수만큼을 추가로 불러오고 싶다. 이전에 사용했던 방법은 react-custom-scrollbars-2에서 제공하는 onScrollFrame이라는 속성을 사용해 스크롤 위치가 top인지를 확인하는 방법으

2023년 1월 31일
·
0개의 댓글
·
post-thumbnail

Retfilx 배포 전 라우팅 오류 처리

스터디 때 협업으로 만들었던 &lt;span style="color: 한 달 만에 스스로 배포해보기로 했다.원래 Github Organization을 사용중이었는데, 여기에 소속된 repo를 &lt;span style="color: 그래서 github pages로 배포

2023년 1월 31일
·
0개의 댓글
·
post-thumbnail

팀원들이 사용하기 편한 Modal 컴포넌트를 만들자

디프만 toks 프로젝트를 진행하면서 공통 컴포넌트 중 Modal을 맡아서 개발을 하게 되었다. 처음에는 정말 간단하게 아래와 같이 모달을 구현하였다. 구현해야 하는 모달의 디자인 포멧이 위와 같이 모달 타이틀과 하단의 콘텐츠가 들어가는 구조였기 때문에 위와 같이 인

2023년 1월 30일
·
0개의 댓글
·
post-thumbnail

데이터 날짜별로 분류하기

👆 위와 같이 게시글 데이터를 날짜별로 분류해 보여주고자 한다. diary 객체들을 담은 배열 diarys이다. dirays를 인자로 받아 날짜별로 분류해주는 함수 makeSections를 생성한다.날짜별로 분류해주기 위해 sections 를 생성한다. 전달 받은 배

2023년 1월 30일
·
0개의 댓글
·
post-thumbnail

Gonganjuck 개발일지 5주차

PDF 파일 5주차-구글\_애드몹\_\_배포.pdf 단축키 모음새로고침 F5저장Windows: Ctrl + SmacOS: command + S전체선택Windows: Ctrl + AmacOS: command + A잘라내기Windows: Ctrl + XmacOS: co

2023년 1월 29일
·
0개의 댓글
·

스파르타_개발일지_1

3학년 2학기를 마치고 겨울방학을 보내고 있다.종강한 후, 너무 나태해진 것 같아 전부터 관심이 있었던 스파르타 강의를 신청했다.개발일지를 쓰고 싶었지만, 시작하기가 막막해 질질 끌다가.. 이번에 듣는 강의에서 주차마다 개발일지 쓰는 게 과제(?)여서 드디어 시작해본다

2023년 1월 29일
·
0개의 댓글
·
post-thumbnail

마린이의 개발 일지 1

※ 혼자 쓰는 개발 일지지만 누군가 보게 된다면※ 저는 개발자가 아닌 마케터입니다※ 개발 노베이스 비전공자※ 주관 주의※ 각종 용어 틀릴 수 있음 주의스파르타 코딩클럽의'왕초보 엑셀보다 쉬운, SQL'이라는 강의를 듣고 있고,1주차 수강 완료.이 강의를 그럼 왜 듣냐?

2023년 1월 29일
·
0개의 댓글
·
post-thumbnail

로그인 구현 및 인터셉트

최상위 파일에서 axios 디폴트 값을 세팅한다.로그인하였을 때 accessToken을 headers에 디폴트로 세팅한다.Access Token을 재발급 받아 재요청하는 기능 추가.이 방법으로 구현을 한다면 엑세스 토큰이 만료되었을 때 한 페이지에서 n만큼 요청을 보내

2023년 1월 28일
·
0개의 댓글
·
post-thumbnail

Time Picker 만들기

목표시간을 설정하는 Time Picker 만들기👆위와 같은 디자인의 타임 픽커를 만들기 위해 swiper라는 라이브러리를 찾았다. Swiper 설치Swiper 적용onSlideChange 를 통해서 현재 선택된 인덱스 값을 받아온 후 setter로 값을 저장하는 방식

2023년 1월 28일
·
0개의 댓글
·
post-thumbnail

구글 웹폰트에서 로컬폰트 적용

폰트 이슈첫 번째로 웹 figma 디자인을 바탕으로 폰트를 적용하였는데 figma와 미세한 굵기 차이가 있다. 구글링을 해본 결과 “Spoqa Han Sans Neo” 를 웹폰트로 적용하였을 때 이런 사례들이 꽤 있어보여 폰트를 다운받아 웹폰트로 적용해보고자 한다.Li

2023년 1월 28일
·
0개의 댓글
·
post-thumbnail

뽀모도로 구현(3)

디자인타이머는 완료했지만 아직 Progress bar와 집중타임 밑에 있는 step을 만들지 않았다. Progress bar 를 쉽게 만들어보기 위해서 라이브러리를 찾았다..!Progress bar 적용시키기https&#x3A;//www.npmjs.com/package

2023년 1월 28일
·
0개의 댓글
·