목록전체 글 (307)
Just Do IT!
자료형 문자 자료형 print('hello world') print('안녕하세요') print('10') 숫자 자료형 print(10.0) print(3.1872) 불리언 자료형 print(True) print(False) 변수 어떤 값을 저장하는 공간 (예) 봉투 - 변수 / 세뱃돈 - 값 변수 선언 : 변수 이름 = 값 envelop1 = 1000 print(envelop1) #1000 변수 이름 규칙 문자 또는 _로 시작 문자, 숫자, _로 구성 공백 X, 특수문자 X 대소문자 구분 키워드 (예약어) X 소문자 단어, _로 구분된 단어들 (권장) #True = '1분' 불가능 name = 'seoyeon' my_name = 'jung' 형 변환 int() : 정수로 float() : 실수로 str(..
2주차 시작 1주차에는 정신 없이 과제를 해서 그런지, 이번 2주차는 꼭 공부와 함께 병행해야겠다는 생각을 했다. 과연 그 다짐은....ㅋㅋㅋㅋ 한 반 정도 지켜진 것 같다. 이번 주에는 테스트 코드에 대한 공부를 하는 시간이었다고 생각한다. 2주차 : 자동차 경주 게임 https://github.com/woowacourse-precourse/javascript-racingcar-6 GitHub - woowacourse-precourse/javascript-racingcar-6 Contribute to woowacourse-precourse/javascript-racingcar-6 development by creating an account on GitHub. github.com 이번 주 미션은 자동차..
Jest란? 페이스북에서 만들어서 React와 더불어 많은 자바스크립트 개발자들로 부터 좋은 반응을 얻고 있는 테스팅 라이브러리다. Jest는 라이브러리 하나만 설치하면, Test Runner와 Test Mathcher 그리고 Test Mock 프레임워크까지 제공해주기 때문에 현재 대세라고 말할 수 있다. ☞ all-in-one 테스팅 라이브러리 아래 링크에서 더 자세한 설명과 설치법을 볼 수 있다. https://jestjs.io/docs/getting-started Getting Started · Jest Install Jest using your favorite package manager: jestjs.io 설치 npm install -D jest //개발 의존성으로 설치 test 스크립트 수정하..
왜 프리코스를 하지? 에 대한 질문을 나에게 해봤다. 생각보다 오랫동안 고민했는데 바로 취업과 공부 더하기 사이에서 고민을 오래 했기 때문이었다. 솔직히 캠프 끝나고 학교와 병행하며 정신없이 취업 준비 했던 게 나에게는 별로 도움이 되지 않았던 것 같다. 학교 다니면서 이력서 쓰고 어딘지 잘 모르는 회사에 지원하고 면접 제의가 오면 뒤늦게 준비하고... 뭔가 중요한게 있는데도 중요한 걸 놓치고 상반기를 보낸 기분이었다. 그래서 7-8월에는 동아리를 한다는 핑계로 좀 쉬면서 보냈고 하반기 역시도 그렇게 바쁘게 취업 준비를 하고 싶지 않았다. 그래도 나를 잡아줄 무언가는 필요했고 그때쯤 우테코 OT 관련 광고를 보았다. 사실 우테코는 작년부터 하고 싶었던 부트캠프 중 하나였다. 그런데 프리 코스와 코딩 테스..
프로젝트에서 로그인 페이지에서 '로그인 유지하기' 버튼 UI를 구현 중이었다. 체크하는 아이콘이 png 파일이어서 버튼 클릭했을 때 스타일을 어떤 식으로 변경해야 하나 고민하다가 구글링해서 찾아냈다! 나중에도 써먹을 수 있을 것 같아서 블로그로 남긴다. filter 기능 활용하기 filter 속성으로 이미지 색상을 자유자재로 변경할 수 있다. 이미지를 필터링을 주는 효과이지만, 아이콘 이미지(png/svg) 원하는 색상으로 변경용으로 사용하면 된다. 좀 더 자세히 알고 싶으면 아래 링크로! https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/invert invert() - CSS: Cascading Style Sheets | MDN The ..
Pagination(페이지네이션)이란? 여러개의 컨텐츠를 여러 페이지로 나누고 페이지 번호 버튼, 이전 버튼, 다음 버튼을 눌러서 페이지를 이동하는 기능이다. 이전 버튼 페이지 번호 버튼 다음 버트 총 3가지 버튼을 필수라고 생각하고 기능을 구현했다. 이전 글처럼 반복되는 컴포넌트이기도 하고, 이왕 custom hook을 사용하기로 마음 먹은거, 저번 닐리리 프로젝트에서 구현했던 걸 조금 더 보완해보고자 구글링을 해보고 직접 테스트 해보면서 페이지네이션을 구현해봤다. 결과는 성공. 아직 기능이 구현된 것이 아니라서 더미 데이터로 페이지네이션을 확인했는데, 생각보다 이런 걸 구현할 수록 더욱 뿌듯해지는 것 같다 ㅋㅋㅋㅋ usePagination.js 파일 만들기 import { useState } from..