본문 바로가기
반응형
부스트캠프 웹﹒모바일 6기 온라인 설명회 후기 프론트엔드 관련 슬랙채널에서 부스트캠프 6기를 모집한다는 글을 보았다. 거의 6개월에 달하는 교육기간은 오랫동안 취업 준비를 해온 나로서 고민을 안할 수가 없었다. 기술 면접 준비를 열심히 하고 있던 중 또 다른 선택지가 생기게 되었고 어쨋든 좋은 기회라 생각했다. 다행히 글을 늦지 않게 발견했고 온라인 설명회까지 들을 수 있어서 듣고 나서 결정하기로 했다. 설명회 Q&A 후기 💭 이번 부스트캠프는 작년과 마찬가지로 전 과정을 온라인으로 진행한다. 올해 초에 웹 UI, 컴퓨터과학 부스트코스를 온라인으로 진행한 적이 있고 크게 어려움 없이 재밌게 수료했기 때문에 이것은 크게 걱정하지 않았다. 코칭 선생님이 없고 능동적으로 공부해서 도전해야한다. 꽤 신선한 시스템이다. 이건 같은 팀원이 서로 믿고 대화를 많.. 2021. 6. 3.
티스토리 다크모드 적용 닼..다크 다크! 요즘은 하얀 화면을 거의 못보는 것 같다. 스마트폰도 다크모드, 노트북도 다크모드, VSCode, 깃허브도 다크모드..이제는 기본 설정일 정도로 다크모드가 많이 보편화 되어 있고 다크모드가 확실히 눈에도 편하다. 그 중 유일하게 내 블로그에 다크모드가 안 되어서 있어서 이번에 적용해 보려고 한다. 나같은 경우 저녁 시간대가 되면 자동으로 다크모드가 활성화 되는데, 내 블로그도 그에 맞게 다크모드를 기능하게 해야겠다. 다크모드를 적용하려면 CSS 미디어 특성인 prefers-color-scheme을 알아야 한다. 이 특성은 사용자의 시스템이 라이트 테마나 다크 테마를 사용하는지 탐지하는 데에 사용된다. 즉 이 특성을 사용하면 내 노트북이나 스마트폰이 다크모드인지 아닌지를 알아 낼 수 있다.. 2021. 6. 3.
Firebase Warning: "It looks like you're using the..." 문구 없애기 웹 앱을 만드는 도중 개발자 도구를 봤는데 이런 문구가 생겼다. "이 문제는 Firebase JS SDK를 사용하면서 생긴 것 같아. 너가 프로덕션에 firebase 앱을 배포할 때는 너가 필요한 것만 import해서 사용하는 것을 추천할게." 개발자 도구 콘솔이 친절하게 알려줬다. SDK 전체를 불러와서 사용하지 말고 내 웹 앱에 필요한 것만 불러와서 사용하는 것을 권장하는 것 같다. import firebase from 'firebase'; const firebaseConfig = { apiKey: process.env.REACT_APP_FIREBASE_API_KEY, authDomain: process.env.REACT_APP_FIREBASE_AUTH_DOMAIN, databaseURL: proce.. 2021. 6. 1.
[React.js] 유튜브를 만들어 보자 리액트로 만든 BYTube 🧑🏻‍💻 👉 BYtube 사용한 기술들 🛠 React.js JavaScript HTML CSS Node.js Yarn PostCSS Postman Netlify BYTube 프로젝트는 💭 함수형 컴포넌트 사용 Hooks를 통해 렌더링 최적화, 동적인 페이지 구현 유튜브의 search, videos, channels API 사용 Postman을 통해 API 통신 테스트 및 fetch 코드 활용 API를 불러오는 통신(service)과 View 컴포넌트 분리 API Key를 숨기기 위해 .env 파일 사용 PostCSS로 CSS 스타일링 모듈화 링크 공유 시 지인을 안심 시키기 위한 썸네일 추가 검색 기능 PC 화면에 최적화 프로젝트를 진행하면서 배운 것들 💡 1. View 컴포넌.. 2021. 4. 30.
[프로그래머스] 2016년 요일 구하기 | JavaScript 2016년 요일 구하기 두 수 a, b를 받아 2016년의 a월, b일이 무슨 요일인지 구하는 알고리즘이다. 예를 들어 a = 5, b = 24라면 2016년의 5월 24일은 화요일이므로 문자열 "TUE"를 반환해야한다. 제한 조건 2016년은 윤년입니다. 2016년 a월 b일은 실제로 있는 날입니다. (13월 26일이나 2월 45일같은 날짜는 주어지지 않습니다) 입출력 예 a b result 5 24 "TUE" 코드 function solution(a, b) { const day = ['SUN', 'MON', 'TUE', 'WED', 'THU', 'FRI', 'SAT']; const date = new Date(`2016, ${a}, ${b}`); return day[date.getDay()]; } 템.. 2021. 4. 14.
[프로그래머스] 나누어 떨어지는 숫자 배열 | JavaScript 나누어 떨어지는 숫자 배열 정렬되지 않은 배열인 arr의 요소 중 divisor로 나누어 떨어지는 값을 배열에 담아 반환한다. 그 후 오름차순으로 정렬하면 되는 문제이다. 만약 떨어지는 값이 없다면 배열에 -1을 넣어 반환한다. 제한사항 arr은 자연수를 담은 배열입니다. 정수 i, j에 대해 i ≠ j 이면 arr[i] ≠ arr[j] 입니다. divisor는 자연수입니다. array는 길이 1 이상인 배열입니다. 입출력 예 arr divisor return [5, 9, 7, 10] 5 [5, 10] [2, 36, 1, 3] 1 [1, 2, 3, 36] [3, 2, 6] 10 [-1] 코드 function solution(arr, divisor) { const answer = arr.filter((nu.. 2021. 4. 14.
[프로그래머스] 가운데 글자 가져오기 | JavaScript 가운데 글자 가져오기 주어진 문자열의 가운데 글자를 반환하는 문제. 짝수일 경우 가운데 두 글자를 반환해야 한다. 제한사항 s는 길이가 1이상, 100이하인 스트링입니다. 입출력 예 s return "abcde" "c" "qwer" "we" 코드 function solution(s) { const m = Math.round(s.length / 2); let answer = ''; if (s.length % 2 === 0) { answer = s.slice(m - 1, m + 1); } else { answer = s.slice(m - 1, m); } return answer; } 처음엔 `substr()` 메서드를 이용해 문자를 가져오려 했지만 MDN 사이트에서 보니 권장하는 메서드가 아니고 사용처가 많.. 2021. 4. 14.
반응형