728x90 분류 전체보기51 해야할 거 메모 react 0226 리액트 재 복습 route, state 강의 듣고오기 React Hooks 2023. 2. 26. kyuwitter 클론코딩 (2) .env생성 지난시간 만든 firebase.js의 Config의 키 값들을 .env파일안에 넣고 값은 process.env.~로 대체 깃허브 같은 오픈소 사이트에 올리게 될 경우 적나라하게 볼 수 있기에 .env파일을 사용 애플리케이션 실행 시 .env에 포함된 값들이 내가 사용하려는 파일(나의 경우 firebase.js Config의 값들로 넘어감. 브라우저상에선 내 키값들이 전부 적용되어 실행되기에 완전 보안이라고는 볼 수 없음 내 firebase Config의 value가 있음 깃허브 업로드 시 env파일은 볼 수 없음 (환경변수파일) 2023. 2. 26. kyuwitter 클론코딩 (1) firebase setup - firebase 셋업(web으로 프로젝트 사용) 강의버전에 맞추기 위해 react router dom 5.3.0사용, firebase 9.6.1 사용 불필요한 파일들 ~.css ~test.js등 삭제 firebase.js파일 생성 후 기본설정 + index.js에서 import Memo - git remote add origin 주소 : 새 리모트 주소 추가 - git status : 현재 상태 확인(뭐가 수정되었고 추가 되었는지) -git commit -m "메세지" : 커밋 생성 -git push orgin master : 변경사항 원격 업로드 2023. 2. 26. 영화 늑대아이 리뷰 : 헌신적인 사랑 늑대아이 내가 사랑하게 된 사람은… 늑대인간이었습니다. 평범한 여대생 '하나'는 강의실에서 우연히 만나게 된 ‘그’에게 반하게 되고, 곧 사랑에 빠지게 된다. 하지만 ‘그’는 평범한 사람이 아닌 늑대인간이었다. 너희가 늑대아이라는 것은 모두에게 비밀이야! 늑대인간과의 동화 같은 사랑 후에 남은 것은 두 아이뿐… 눈 내리는 날에 태어난 누이 ‘유키’, 비 내리는 날 태어난 동생 ’아메’. 두 아이에게는 커다란 비밀이 있는데… 바로 흥분(!)하면 귀가 쫑긋! 꼬리가 쏘옥~ 나오는 늑대아이라는 것! 남들과 조금 다른 육아, 남들과 살짝 다른 고민! 신비로운 운명을 살아가는 남매와 특별한 두 아이를 키우는 엄마의 이야기가 시작됩니다! 평점 9.0 (2012.09.13 개봉) 감독 호소다 마모루 출연 미야자키 아.. 2022. 12. 27. (영화리뷰)리플리 - 以訛傳訛(이와전와) 제목 : 리플리 장르 : 범죄, 스릴러 국가 : 미국 개봉일 : 2000.03.04(본인 탄생 1달 20일 전) 러닝타임 : 139분 상영 등급 : 청불 제공 OTT: 넷플릭스, 왓챠, 티빙 ※ 주의 ※ 스포 가득 + 주관적인 리뷰 ※ 주의 ※ 극장 가서 보는 영화가 아닌 OTT 서비스를 통해 영화를 볼 때면, 못 본 명작을, 개봉했을 때 봐야지.. 봐야지.. 하다가 못 본 영화를, 유튜브에서 영화 리뷰를 보다 보니 어?! 이거 재밌겠는데 하는 것들을 보곤 한다. 이 영화는 첫 번째 이유 + 마지막 이유 + 친구의 추천이 한몫하지 않았나 싶다. 다만, 처음에 거짓말로 휘황찬란한 삶을 산다는 점에서 '캐치 미 이프 유 캔'이 영화랑 헷갈렸다. +다들 리플리 증후군을 들어보고, 그 원천이 어딘가 궁금하다면 .. 2022. 8. 14. Js문제 오답노트 반장뽑기(reduce(), 배열값 중복 계산) 여느 때와 같이 문제 푸려던 중 고민 고민해도 어떻게 해야 할지 감이 안 오는 문제가 있었다. 일단 prompt로 입력을 받을테니 "원범 원범 혜원 혜원 혜원 유진 유진" 이런 식으로 긴 문자열이 될 것이고, 그다음은 split(" ")으로 공백 단위로 쪼개 이름 한 개씩 갖는 문자열 배열을 만들었다. (이름 수를 세고 누가 많은지 계산하기 위해) 배열 중복 값 개수 구하기 검색하니 공통적으로 reduce가 검색되었다. reduce( ) arr.reduce(callback[, initialValue]) reduce는 배열의 각 요소에 대하여 주어진 reducer함수를 실행하고, 하나의 결과값을 반환한다. 여기서 이 reduce함수는 4개의 인자를 가진다. 누산기 (acc) : 콜백의 반환값을 누적함 현재.. 2022. 8. 10. 깃허브 여러 파일 업로드 매번 깃허브 파일 여러 개 한 번에 올리는 법을 까먹어서 검색하곤 한다. 한번 정리하면서 제대로 기억하고 + 나중에 잊더라도 내가 쓴 글 보면서 반성하자. step 1. 깃허브 레포지토리 생성(되어있다면 생략) step 2. 레포지토리 주소 기억 + 업로드하려는 파일에서 git bash 실행 step 3. 파일 세팅 + 업로드 git init (git 파일 생성) git add . (우클릭 한 파일 안의 모든 파일 관리 add 띄우고 .인거 잘 작성하자) git status (내가 하려는 파일들이 맞는지 확인) git commit -m "커밋 내용" git remote add origin 위에서 기억한 주소 git push -u origin master (끝) step 4. 업로드된 거 보고 뿌듯해하기 2022. 8. 9. JS문제풀이 (로꾸거배열) + (&, |, 연산자 단축평가) 에이 티 티 이 엔 티 아이 온 유 갓 미 룩킹 포 어텐션~ string을 배열로 바꿔 순서를 거꾸로 바꿔 출력하면 된다. string을 배열로 바꾸는 방법엔 여러 가지가 있다. 1. Spread Operator const str = 'attention'; const arr = [...str]; //빈 array에 attention요소 추가 console.log(arr); // output =>['a''t''t''e''n''t''i''o''n'] 2. Array.from() const str = 'attention'; const arr = Array.from(str); //문자열을 변환해 배열 생성 console.log(arr); //output => ['a', 't', 't', 'e', 'n', 't'.. 2022. 8. 8. 별 탑 쌓기 문제해결 모든 프로그래밍 언어의 반복문 단골 예제 별 탑 쌓기! 순조롭게 진행하던 와중 문제에 봉착했다. const n = prompt("숫자를 입력하세요."); for (var p = 1; p < n+1 ; p++) { const blank = []; const star = []; for (var i = p; i < n; i++) { blank.push(" "); }; for (var j = 1; j 2022. 8. 7. 이전 1 2 3 4 ··· 6 다음 728x90
