profile
웹 프론트엔드 개발자
post-thumbnail

함께 자라기 with 그랩 - 1주차

📌내용 정리 📌파이썬 기본 파이썬을 전반적으로 훑어본 결과 기존에 알고 있던 자바스크립트와 크게 다르지 않았다. 자바스크립트와 파이썬에서 사용하는 키워드들이 상이하기 때문에 파이썬 사용시 그때그때 필요한 파이썬의 키워드들을 검색 및 적용한다면 큰 문제는 없다고 생

5일 전
·
0개의 댓글
post-thumbnail

9장. 타입 변환과 단축 평가

📌9.1 타입 변환이란? 개발자가 의도적으로 값의 타입을 변환하는 것을 명시적 타입 변환 또는 타입 캐스팅이라 한다. 개발자의 의도와 상관없이 표현식을 평가하는 도중에 자바스크립트 엔진에 의해 암묵적으로 타입이 자동변환 되기도 한다. 이를 암묵적 타입 변환 또는 타입 강제 변환이라 한다. 📌9.2 암묵적 타입 변환 [예제 09-03] 9.2.1 ...

5일 전
·
0개의 댓글
post-thumbnail

5장. 표현식과 문

📌5.1 값 값은 식(표현식)이 평가되어 생성된 결과를 말한다. 평가란 식을 해석해서 값을 생성하거나 참조하는 것을 의미한다. 위 예의 3은 단순한 아라비아 숫자가 아니라 숫자 리터럴이다. 사람이 이해할 수 있는 아라비아 숫자를 사용해 숫자 리터럴 3을 코드에 기술하면 자바스크립트 엔진은 이를 평가해 숫자 값 3을 생성한다. 📌5.3 표현식 표현식은...

6일 전
·
0개의 댓글
post-thumbnail

Python 기본 - 기본 명령어 및 변수

기본 명령어 📌출력 로그를 출력할 때는 print를 활용합니다. 변수 📌변수 선언 변수를 선언할 때는 변수명 = 값 으로 표현합니다. 📌네이밍 파이썬에서 변수, 함수의 네이밍은 snake_case 를 클래스는 PascalCase 를 사용합니다. 기본 자료형 >파이썬은 동적으로 타입이 관리되는 프로그래밍 언어입니다. 따라서 위와 같이 타입을 별도...

2022년 5월 16일
·
0개의 댓글
post-thumbnail

4장. 변수

사람은 계산과 기억을 모두 두뇌에서 하지만, 컴퓨터는 연산과 기억을 수행하는 부품이 나눠져 있다. 컴퓨터는 CPU를 사용해 연산하고, 메모리를 사용해 데이터를 기억한다. 메모리는 데이터를 저장할 수 있는 메모리 셀의 집합체다. 메모리 셀 하나의 크기는 1바이트(8비트)

2022년 5월 15일
·
0개의 댓글
post-thumbnail

Next.js에서 환경변수 사용하는 방법

결론은 React에서 하던 설정과 거의 동일하다.환경변수로 사용하고 싶은 변수 앞에 REACTAPP을 추가하면 됐었다.REACTAPP대신 NEXTPUBLIC를 추가해주면 된다.

2022년 4월 19일
·
0개의 댓글
post-thumbnail

Do not use <img>. Use Image from 'next/image' instead.

react와 styled-components를 활용해서 이미지 태그를 다룰 때는 보통 아래와 같이 활용했다.위의 코드와 같이 사용하려 하니 아래 사진에 나와 있는 오류가 발생했다.코드에 문제가 없어보이는데 왜 이런 오류가 발생하는지 궁금해서 Next.js공식홈페이지에

2022년 4월 18일
·
0개의 댓글
post-thumbnail

CRYPTO TRACKER - (4)Home part two

useLocation()을 콘솔로 찍어보면 다음과 같이 나오게 된다.

2021년 12월 13일
·
0개의 댓글
post-thumbnail

CRYPTO TRACKER - (3)Home part one

li a와 hover 효과 주기

2021년 12월 9일
·
0개의 댓글

Node.js - (6) 로그인 기능 with Bcrypt

2021년 12월 6일
·
0개의 댓글
post-thumbnail

CRYPTO TRACKER - (2)Styles

스타일컴포넌트에 createGlobalStyle이라는 속성이 있다.이 속성은 한 컴포넌트를 만들 수 있게 해주는데 랜더링 될 때, 이 컴포넌트는 전역 스코프에 스타일들을 올려준다.App.tsx전역으로 적용된 모습을 확인 할 수 있다.reset-react-css의 주소로

2021년 12월 6일
·
0개의 댓글
post-thumbnail

GitHub 잔디 오류 해결 방법

이틀 전만해도 push를 해주면 알아서 잔디가 심어지던 깃헙이 오늘보니 커밋한 내용들이 전혀 반영되지 않았다.구글링으로 오류해결방법을 찾으니 이메일주소를 확인해보는 것 , 메인브랜치 이름을 바꾸어 보는 것이였다.내 경우에는 원격레파지토리의 메인 브랜치의 이름을 바꾸면

2021년 12월 6일
·
0개의 댓글

CRYPTO TRACKER - (1)Set up

npm i react-router-dom@5.3.0 react-queryreact-router-dom 버전 6.0.0부터 Switch를 Routes로 바뀌었다고 한다이 부분만 유의하면 최신 버전을 설치해도 상관없지만 익숙한 이전 버전으로 설치!

2021년 12월 6일
·
0개의 댓글

TypeScript - (5) TypeScript & Styled components

스타일컴포넌트(https&#x3A;//styled-components.com/docs/api여기에 theme를 정의를 하고, styled.d.ts안의 속성들은 동일해야 한다.기존 스타일컴포넌트로 테마를 적용해주는 것과 동일하다.

2021년 12월 2일
·
0개의 댓글
post-thumbnail

TypeScript - (4) Form

리액트와 타입스크립트의 도움을 이용해 form을 구현할 것이다.React.FormEvent&lt;HTMLInputElement>을 작성해줌으로써, 타입스크립트는 이 함수가 InputElement에 의해서 실행될 것을 알게 된다.모두 이벤트가 작동되는 엘리먼트를 의미한다

2021년 12월 1일
·
0개의 댓글
post-thumbnail

TypeScript - (3)TypeScript와 States

const \[count, setCount] = useState(1);일때 타입스크립트는 따로 변수에 대한 타입을 지정해주지 않아도 state의 default value를 통해 타입을 유추해낸다.그래서 string타입을 넣으려고 하면 타입스크립트가 오류를 보여준다.co

2021년 12월 1일
·
0개의 댓글
post-thumbnail

Node.js - (5) Bcrypt로 비밀번호를 암호화 하기

npm install bcrypt

2021년 12월 1일
·
0개의 댓글
post-thumbnail

Node.js - (4) 비밀 정보 관리하기

1.config폴더를 생성하고 그 안에 dev.js, key.js, prod.js파일을 생성한다.2\. dev.js는 로컬환경일때, prod.js는 배포 후일때, key.js는 환경변수에 따라 정보를 어떻게 처리할지 정의해준다.dev.jsprod.jskey.js3.in

2021년 12월 1일
·
0개의 댓글
post-thumbnail

Node.js - (3)회원가입 기능: register router 만들기

Client는 보통 크롬 브라우저Server는 node.js로 생성한 서버클라이언트에서 서버로 요청할때 여러가지 형식으로 전달 되는데,Body 데이터를 분석(parser)해서 req.body로 출력해주는 body-parser Dependency를 활용하면 편리하다.(최

2021년 11월 30일
·
0개의 댓글

TypeScript - (2)Interface & Optinal props

어떻게 컴포넌트가 필요로 하는 props를 타입스크립트에게 설명할 수 있는지를 배운다.그렇게 되면, 코드 실행 전 타입스크립트가 오류를 알려주게 된다.interface는 object를 설명해주는 역활이다.interface 안에다가 타입스크립트에게 object shape

2021년 11월 30일
·
0개의 댓글