본문 바로가기

전체 글80

Github Pages 배포 시 favicon 적용 안되는 이슈 최근 React로 간단하게 유튜브 클론 프로젝트를 해보았다. Github Pages를 통해 프로젝트 배포를 했는데 favicon이 적용되지 않는 이슈를 겪었다. 이 글을 통해 해당 이슈를 해결한 방법을 적어보려 한다. 일단 처음에 나는 public 디렉토리 속에 favicon.ico를 넣어두었다. index.html 파일의 link 태그도 고쳐보고, 가끔 favicon 적용에 문제가 있으면 쿠키 문제일 때가 있어서 쿠키를 삭제하고 다시 해봤지만 여전히 고쳐지지 않았다... 그러다가 stackoverflow를 통해 해결방법을 찾게 되었다. Favicon with GitHub Pages I'm hosting a few sites with GitHub Pages (User and Project Pages), .. 2022. 4. 12.

[Python/백준] 5397 : 키로거 [Python/백준] 5397 : 키로거 시간 제한: 1 Sec 메모리 제한: 256 MB 5397번: 키로거 첫째 줄에 테스트 케이스의 개수가 주어진다. 각 테스트 케이스는 한줄로 이루어져 있고, 강산이가 입력한 순서대로 길이가 L인 문자열이 주어진다. (1 ≤ L ≤ 1,000,000) 강산이가 백스페이스를 입 www.acmicpc.net 문제 설명 창영이는 강산이의 비밀번호를 훔치기 위해서 강산이가 사용하는 컴퓨터에 키로거를 설치했다. 며칠을 기다린 끝에 창영이는 강산이가 비밀번호 창에 입력하는 글자를 얻어냈다. 키로거는 사용자가 키보드를 누른 명령을 모두 기록한다. 따라서, 강산이가 비밀번호를 입력할 때, 화살표나 백스페이스를 입력해도 정확한 비밀번호를 알아낼 수 있다. 강산이가 비밀번호 창에서 .. 2022. 4. 12.

[Python/백준] 1406 : 에디터 [Python/백준] 1406 : 에디터 시간 제한: 0.3 Sec 메모리 제한: 512 MB 1406번: 에디터 첫째 줄에는 초기에 편집기에 입력되어 있는 문자열이 주어진다. 이 문자열은 길이가 N이고, 영어 소문자로만 이루어져 있으며, 길이는 100,000을 넘지 않는다. 둘째 줄에는 입력할 명령어의 개수 www.acmicpc.net 문제 설명 한 줄로 된 간단한 에디터를 구현하려고 한다. 이 편집기는 영어 소문자만을 기록할 수 있는 편집기로, 최대 600,000글자까지 입력할 수 있다. 이 편집기에는 '커서'라는 것이 있는데, 커서는 문장의 맨 앞(첫 번째 문자의 왼쪽), 문장의 맨 뒤(마지막 문자의 오른쪽), 또는 문장 중간 임의의 곳(모든 연속된 두 문자 사이)에 위치할 수 있다. 즉 길이가 L.. 2022. 4. 12.

[React error] Warning: Expected `onClick` listener to be a function, instead got a value of `object` type. 유튜브 클론 프로젝트를 하면서 햄버거 바 (FiMenu) 클릭시 메뉴 숨기기 코드를 짜고 있었다. 코드를 처음엔 이렇게 짰다가 햄버거 바를 계속 클릭해도 숨겨지지가 않는 에러가 발생했다. 앞으로 리액트를 공부하면서 자주 발생할 것 같은 에러 같아서 기록하게 되었다. 콘솔 창을 확인해보니 Warning: Expected `onClick` listener to be a function, instead got a value of `object` type. 다음 사진과 같은 이런 에러가 적혀있었다. 결론부터 말하자면 부모 컴포넌트에서 하위 컴포넌트에 무언가를 전달하면서 생긴 오류이다. 나는 현재 Menu의 state가 담겨있도록 만든 비구조화 할당 문법을 사용한 Props를 onClickMenu 라는 함수 파라.. 2022. 4. 5.

스파르타코딩클럽 미니튜터가 되다 ๑' ᵕ '๑ 스파르타코딩클럽의 웹개발 종합반을 수료했을 때쯤 스파르타에서 미니튜터를 모집한다는 공고를 보게 되었다. 내가 배운 내용을 토대로 누군가에게 가르쳐줄 기회도 되고, 내가 준비하고 있는 분야에서 이 또한 하나의 스펙이 될 수 있기 때문에 망설이지 않고 바로 지원했다. 웹개발 종합반과 앱개발 종합반 중 웹개발 종합반 미니튜터로 지원서를 넣고, 매니저님과 전화 인터뷰까지 마쳤다. 결과를 기다리는데 괜시리 떨리고 막 그랬다..ㅎ 결과는 우핳 감사합니당 열심히 할게요 ٩( ᐛ )و 그렇게 3월 한달 동안 공부하는 시간 틈틈이 웹개발 종합반 수강생들의 질문에 최선을 다해서 답변을 해주었다. 답변을 달아주면 오류 해결됐다고 정말 감사하다고 댓글 달아주는 학생들이 몇몇 있는데 그런 댓글이 너무 힘이 되었다 ꯁ 매니저님이.. 2022. 4. 1.

공부 시작 2일 만에 오픽 AL 취득해버리기 ⚝ 간만에 근황 글을 올리게 되었다. 오픽 AL을 올해 3월 안에 따는 게 내 목표였는데 다른 일들이 너무 바빠서 미루고 미루다가 더 미루면 안될 것 같다는 생각을 했다. 그래서 일단 무작정 접수일 기준으로 5일 뒤 보는 시험으로 예약해버렸다..ㅎㅎ 역시 선 접수가 국룰인건가.. 그래도 영어 회화는 어느 정도 자신이 있었기에 이런 결단을 내릴 수 있었던 것 같다. 일단 처음엔 다양한 유튜브 후기들을 찾아보며 전략들을 세웠다. OPIc 시험은 시험이 시작하기 전에 Background Survey라는 나의 배경에 대한 설문조사를 하는데, 이 설문조사에서 체크할 것들을 미리 정하고 시험 때 전략에 맞춰 선택하는 것이 좋은 결과를 얻는데 도움이 되기 때문에 많은 후기들을 찾아보았다. 그 후기들을 바탕으로 나에게 유.. 2022. 3. 25.

re:tro 협업 프로젝트 개발 일지 프로젝트 명 re:tro (리:레트로) 프로젝트 설명 1980년대부터 2010년대까지의 당신의 추억 속 음악을 들려주는 웹 사이트 프로젝트 구성 메인 페이지 로그인 / 회원가입 페이지 re:tro 소개 페이지 마이 페이지 노래 검색 페이지 레트로 뮤직 차트 페이지 시대별 분류 레트로 뮤직 모음집 페이지 음악 성향 테스트 페이지 노래 모음집 페이지 re:tro 페이지 별 기능 메인 페이지 개폐형 상단 팝업 슬라이드 음악 플레이 바 Youtube를 연동한 노래 재생 버튼을 통해 음악 일시정지 및 재생 로그인 시, 좋아요 기능을 통해 마이 플레이리스트에 추가 1980~2010년대 시대 별 상위 6위 노래 차트 로그인 시에만 마이페이지, 보관함 접속 가능 각 사이트로 연결 노래 검색창 깔끔한 레이아웃 구성 로그.. 2022. 3. 20.

스파르타코딩클럽 메이킹 챌린지 프로젝트 회고 스파르타코딩클럽에서 웹개발 종합반과 앱개발 종합반을 수료하고 수료생들을 대상으로 모집하는 메이킹 챌린지라는 프로그램에 참여하게 되었다. 이는 웹개발 종합반에서 배운 내용을 바탕으로 수료생들끼리 팀을 이뤄 실제 하나의 웹사이트를 만들어보는 프로젝트 활동이었다. 복습 팀과 심화 팀 중 어디로 신청을 해야 할지 고민하다가 내 자신도 성장할 기회가 될 것 같아 이왕 하는 거 심화 팀으로 도전해보자💪 라는 생각으로 지원하게 됐다. 그렇게 첫 OT가 시작이 되었고 두둥-!! 대망의 팀 발표 !! 어떤 분들이 팀이 될지 너무 떨렸고 졸업 프로젝트 이후로는 첫 팀 프로젝트여서 기대도 되었다. 그렇게 나는 심화 4팀으로 배정이 되었고 총 6분과 프로젝트를 하게 되었다. 프로젝트는 코로나로 인해 비대면으로 진행되었기 때문.. 2022. 3. 20.

스파르타코딩클럽 웹개발 종합반 + 앱개발 종합반 후기 1월 새해를 맞아 나는 동기부여가 꼭 필요한 사람인걸 스스로 잘 알기에 저번달 초부터 내게 꼭 맞는 강의를 찾아보고 있었다. 그러던 중, ✨스파르타코딩클럽✨에서 진행하고 있는 내일배움단 플러스 에 대해 알게 되었다. 웹개발 종합반의 강의 커리큘럼을 보니 1️⃣ 내가 이전에 공부해놓은 것을 토대로 복습도 할 수 있고, 2️⃣ 이전엔 공부해보지 못한 백엔드 분야까지 종합적으로 배워볼 수 있고, 3️⃣ 다양한 토이 프로젝트들을 해볼 기회까지 될 것 같아 이거다!! 싶은 마음에 바로 신청하게 되었다. 나는 웹과 앱 둘다 관심이 있었기에 내일배움단 플러스로 이렇게 두 개의 강좌를 신청을 하게 되었다. 모두 국비지원으로 진행이 되며, 10%의 자비부담금은 완주 후에 전액 환급이 가능하다 !! 모두들 완주하고 전액 .. 2022. 2. 27.

이전 1 2 3 4 5 6 7 ··· 9 다음

티스토리툴바