항해 중267 [TIL] 57일차 오늘 한 일 1. Diary.js (다이어리 페이지) → CSS 수정 및 예외 처리 2. Asmr.js (음원 페이지) → 네비게이션으로 페이지 이동 시 활성화된 음원 유지 시키기, DB에서 음원 받아와서 출력하기, 예외 처리 3. Spinner 구현 → Diary.js, Asmr.js에 적용 2022. 1. 6. [TIL] 56일차 오늘은 ASMR CSS 만들고, 다이어리 페이지 접근 시 DB에서 데이터를 가져오지 못하는 오류가 발견 되어서 해결 중... 미디어 쿼리 사용법 좀 찾아보고, 코딩 애플 강의 보면서 추가 공부 좀 해야 할 것 같다. + svg 파일 current 설정하여 색상 변경하는 방법 https://from2020.tistory.com/32 svg color 동적으로 변경하기 svg 파일은 벡터 이미지를 표현하는 마크업 언어이다. 그렇기에 svg파일을 텍스트 에디터로 열어보면 마크업 기반의 코드로 짜여져있는 것을 볼 수 있다. svg파일을 보여주려면 두가지 방식을 사 from2020.tistory.com [오늘 코딩애플 강의에서 중요한 부분] 이것을 sync(동기)스럽게, 순차적으로 실행하고 싶을 때의 해결책은 u.. 2022. 1. 5. [TIL] 55일차 코드를 건들면 건들수록.... 이게 망가지고 있는 건지 해결이 되고 있는 지 모르겠다. ㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎ 2022. 1. 5. [TIL] 54일차 날 찾지마아아ㅏㅏ 하하하핳하ㅏㅎ하ㅏ하 2022. 1. 3. [실전 프로젝트] CSS 작업 + 폰트 적용 오늘 한 일 1) 첫 로그인 시 알림 설정 팝업창 CSS 구현 2) 로그인 유도 팝업창 CSS 구현 3) 로그인 / 회원가입 CSS 구현 4) 드롭다운 기능 수정 5) 구글 폰트에서 폰트 검색 및 import 해오기 // src/static/styles/GlobarStyle.js import { createGlobalStyle } from "styled-components"; const GlobalStyle = createGlobalStyle` @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@1,300;1,400;1,500&display=swap'); @import url('https://fonts.googleapis.com/.. 2022. 1. 3. [WIL] 9주차 이번 주에 가장 인상 깊었던 조건을 정리 해보았습니다! 덩치가 작더라도 깊이 있고, 꼼꼼하게 하는 게 좋다. 덩치가 크다고 해서 알맹이가 보잘 것 없으면 소용없다. 일정이 틀어질 것 같은 촉이 오면 팀원들한테 바로바로 공유하라!!!!!! (그런 상황에서는 빨리빨리 말해라. 혼자서 책임 질 생각 하지마라. 손 쓸 수 있을 때 공유 해야 한다.) 모르는 건 부끄러운 게 아니다. 모르는 게 있거나 문제가 생기면 바로바로 공유해라. 모르면 공부 하면 된다!! 적극적으로 의견 표출도 하고!!!!! 😊 하나에 매달리다보면 시야가 좁아질 수 밖에 없어요 (터널 비전) 문제가 잘 보이지 않을땐, 잠시 쉬고 다시 보면 문제가 보일 수 있답니다. 2022. 1. 2. [실전 프로젝트] Swiper 기능 만들기 아래 사이트를 참고하여 Swiper 기능을 만들었습니다. https://developer0809.tistory.com/94 [#. React] React에서 swiper 사용하기, 배너 슬라이드 사용하기 html에서 swiper 사용하는 것과 조금 다르기 때문에 React에서도 swiper를 사용해 보려고 한다 swiperjs.com/react Swiper React Components Swiper is the most modern free mobile touch slider with hardware a.. developer0809.tistory.com 실행 화면 구현 코드 npm install swiper --save --legacy-peer-deps // src/components/Swiper.js .. 2022. 1. 2. [실전 프로젝트] 드롭다운 기능 만들기 아래 사이트를 참고하여 드롭다운 기능을 만들었습니다. https://velog.io/@tunakim/select-%ED%83%9C%EA%B7%B8-%EC%82%AC%EC%9A%A9%ED%95%98%EC%A7%80-%EC%95%8A%EA%B3%A0-%EB%93%9C%EB%A1%AD%EB%8B%A4%EC%9A%B4-%EA%B5%AC%ED%98%84-ft.-React select 태그 사용하지 않고 드롭다운 구현 (ft. React) select 태그의 디자인 어려움 문제로 select를 사용하지 않고 css(Styled-Components)를 이용해 드롭다운을 구현해봤습니다.드롭다운 기본 기능.드롭다운이 펼쳐졌을 때 css 처리 ( 밑의 DOM 요소를 덮는지, velog.io 구현 코드 (초기 코드) 더보기.. 2022. 1. 2. [TIL] 53일차 오늘 한 일 1. 예외 처리 안된 부분들 코드 수정 Diary.js → 다음 달은 기록이 없는데, 기록이 출력되는 문제 해결 + 월이 바뀔 때마다 새롭게 요청하도록 수정 로그아웃 후 메인으로 이동 시 알림 설정 팝업 뜨는 코드 수정 Diary.js → 저번달 특정 일자의 기록 열람 후 다이어리 페이지로 돌아 왔을 때 해당 월로 불러오도록 수정 (location.year, location.day 사용) 로그인 유도 팝업창에서 예를 눌렀을 때 팝업창 꺼지고, 로그인 페이지로 이동하도록 코드 수정 로그인 후 다이어리 페이지 접근 시 token이 없다고 뜨는 경우 → localStorage.getItem("token")을 Diary.js 컴포넌트 에서 diary 함수 안으로 이동 시킴 2. 오후 7시 회의 진행.. 2022. 1. 1. 이전 1 ··· 3 4 5 6 7 8 9 ··· 30 다음 728x90
