728x90 ⛵ 항해 중267 [TIL] 52일차 멘토님의 말씀!! 덩치가 작더라도 깊이 있고, 꼼꼼하게 하는 게 좋다. 덩치가 크다고 해서 알맹이가 보잘 것 없으면 소용없다. 일정이 틀어질 것 같은 촉이 오면 팀원들한테 바로바로 공유하라!!!!!! (그런 상황에서는 빨리빨리 말해라. 혼자서 책임 질 생각 하지마라. 손 쓸 수 있을 때 공유 해야 한다.) 모르는 건 부끄러운 게 아니다. 모르는 게 있거나 문제가 생기면 바로바로 공유해라. 모르면 공부 하면 된다!! 적극적으로 의견 표출도 하고!!!!! 😊 2021. 12. 31. [실전 프로젝트] 로그인 전 다이어리 페이지 접근 시 팝업창 띄우기 / 음원 활성화/비활성화 구현 오늘 한 일 1. 로그인 유도 팝업창 어떤 상황에서 띄울 지 아침 회의에서 정함 2. 로그인 전에 다이어리 페이지 접근 하려고 하면 로그인 유도 팝업창 띄우기 3. 음원 활성화 시 play, 비활성화 시 pause 되도록 구현 코드 구현 1) 로그인 전에 다이어리 페이지 접근 하려고 하면 로그인 유도 팝업창 띄우기 → 첫 시도에는 모달창이 켜지는 데 그 뒤에는 켜지지 않음 (Modal이 false가 되어서 안켜지는 것 같음) → RequireLogin.js와 Navigation.js 코드 수정 (미니 프로젝트 할 때 메인 → 로그인 팝업 띄울 때 상황이랑 똑같아서 미니 프로젝트 코드를 참고했다.) 더보기 더보기 // src/components/Navigation.js import React from "r.. 2021. 12. 31. [TIL] 51일차 ASMR 페이지가 가장 어려울꺼라고 생각 되서 걱정이 많이 됐었는데 과정별로 정리해서 하나씩 하다 보니 잘 마무리 할 수 있었던 것 같다. 아직 audio 객체 생성해서 음성 재생 할 때 play는 되는 데... pause는 안되서 좀 걱정이다.. 물론 다른 방법으로 해결 했다! 2021. 12. 30. [실전 프로젝트] 음원 재생 시 pause()가 동작 안하는 문제 실전 프로젝트에서 음원이 활성화 되면 음원이 재생 되고(play), 음원이 비활성화 되면 음원이 정지(pause) 되어야 해서 아래와 같이 코드를 작성 했습니다. // 음원 재생 여부 const playBack = (status, asmrUrl) => { const url = document.getElementById(asmrUrl); const audio = new Audio(audioUrl1); // Audio 객체를 생성해서 음악을 재생한다. if (status === "play") { audio.loop = true; // 반복재생 여부 audio.volume = 0.5; // 볼륨 audio.play(); // 음원 재생 } else if (status === "pause") { audio.pa.. 2021. 12. 30. [실전 프로젝트] ASMR 페이지 구현 오늘 한 일 카테고리별로 해당 카테고리에 맞는 음원 출력 각 음원을 눌렀을 때 활성화 되면서 최대 3개까지 선택 가능 활성화된 음원을 다시 누르면 비활성화 시키기 음원 하나라도 활성화 되면 음량 조절 버튼 나오기 음원 하나라도 활성화 되면 음원 play 되도록 기능 구현 1. Asmr.js 페이지에서 각 카테고리를 누를 때마다 활성화/비활성화 설정 2. 음원 선택하면 활성화 / 비활성화 구현 + 3개까지만 선택 가능 const select = (categoryIdx, asmrUrl) => { if (play.includes(asmrUrl)) { // 비활성화 let arr = [...play]; arr = arr.filter((item) => { if (asmrUrl !== item) { return i.. 2021. 12. 30. [TIL] 50일차 백엔드(node.js) 파트에 두 분이 나가셔서 2기 수료생분이 섭외 되어서 오셨습니다!!.. 진짜 열심히 하겠습니다. 예쁘게 완성만이라도 하고 싶습니다!!!!!!! 2021. 12. 29. [실전 프로젝트] 다이어리 페이지 마무리, 네비게이션 바 만들기 오늘 한 일 1. 오후 1,2시까지 다이어리 페이지에 오류 없는 지 테스트 해보고, 변수/함수 정리할 예정 2. 네비게이션 바 컴포넌트 만들 예정 3. 힐링 보이스 페이지 구현 4. 로그인 유도 페이지 구현 하신 거 반영은 안했지만 프로젝트에 연결 해본 코드 더보기 더보기 import { fontWeight, margin, textAlign } from "@mui/system"; import React from "react"; import Modal from "react-modal"; import { history } from "../redux/configureStore"; const RequireLogin = (props) => { const [modal, setModal] = React.useStat.. 2021. 12. 29. [TIL] 49일차 2021. 12. 28. [실전 프로젝트] 달력 + 해당 월의 일수 계산하기 (+ fill : 특정 값으로 배열 채우기) 1. 달력을 만들기 위해서 moment 패키지를 사용했다. yarn add moment or npm install moment --save 더보기 더보기 https://momentjs.com/ Moment.js | Home Format Dates moment().format('MMMM Do YYYY, h:mm:ss a'); moment().format('dddd'); moment().format("MMM Do YY"); moment().format('YYYY [escaped] YYYY'); moment().format(); Relative Time moment("20111031", "YYYYMMDD").fromNow(); moment("20120620", "YYYYMMDD" momentjs.com 2. .. 2021. 12. 28. 이전 1 ··· 4 5 6 7 8 9 10 ··· 30 다음 728x90
