post-thumbnail

[우아한테크코스 5기] 프리코스 4주 차 회고

개요 드디어 마지막 프리코스다. 프리코스의 마지막 과제는 다리 건너기 프로그램을 구현하는 것이다. 오징어게임에 나오는 다리 건너기와 유사한 게임이다. 4주 차의 학습 목표는 3주 차 미션의 학습 목표인 클래스 분할에 이어 리팩터링이 추가되었다. > my PR 4

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

[우아한테크코스 5기] 프리코스 3주 차 회고

개요 우테코를 시작한지 어느덧 3주나 지났다. 뭔가 구현하면서 잘 모르고 사용하는 부분을 심도 있게 공부하면서 구현하고 싶지만 일주일 내에 다른 일도 하면서 과제도 마무리 해야하는 상황이다 보니 이런 점이 아쉽다. 탈락하면 다시 구현해보면서 공부해야지 아무튼 3주

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

[우아한테크코스 5기] 프리코스 2주 차 회고

개요 1주 차 미션에서 벽을 느끼고 2주 차 에서는 체계적으로 코딩해보자! 라고 다짐하며 메일을 확인했다. 2주 차 미션은 숫자 야구를 구현하는 것 이었다. 기능 구현 요구 사항 외에도 몇가지 요구 사항이 추가되었는데 그 중 커밋 컨벤션, 코드 컨벤션을 지키라는

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

[우아한테크코스 5기] 프리코스 1주 차 회고

개요 10월 26일 부터 우아한테크코스 프리코스 과정이 시작되었다. 원래 끝나고 바로 썼어야 했지만 안써서 한번에 묶어서 써버릴까? 하다가 매 주차마다 너무 많이 배우는것 같아서 아무튼 지금이라도 써보려고 한다. 우선 첫 주차 미션 이름은 온보딩 이었다. 온보딩(Onboarding)은 배에 올라탄다는 뜻으로 새로운 직원이 조직에 잘 적응할 수 있도...

2022년 11월 9일
·
2개의 댓글
·
post-thumbnail

타입스크립트 - interface

interface 문법을 사용하면 object 자료형의 타입을 편리하게 지정할 수 있다.이렇게 object랑 비슷한 모습으로 작성하면 된다. interface는 type alias와 용도와 기능이 같다. 대문자로 작명하고, {} 안에 타입을 명시해주면 된다. 그리고 i

2022년 10월 17일
·
0개의 댓글
·
post-thumbnail

타입스크립트 - HTML 조작

자바스크립트의 주 목적은 단연 html 조작과 변경이다. 타입스크립트에서의 html 조작은 자바스크립트와 약간 다르다.strictNullCheck는 많은 환경에서 null이 들어올 경우 체크해주는 옵션이다.자바스크립트에서 위와 같이 코드를 짜면 'title'이라는 아이

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

타입스크립트 - Literal Type

일반 글자나 숫자같은 것들도 타입이 될 수 있다. 이렇게 특정 글자나 숫자만 가질 수 있게 제한을 두는 타입을 literal type 이라고 부른다. or 기호도 사용이 가능하다. 이렇게 함수 리턴 값이나 파라미터에도 사용이 가능하다. 어떻게 보면 const 변수의 업그레이드 버전이다. const 변수는 값을 하나만 가질 수 있지만 literal ty...

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

타입스크립트 - Type Alias

지정할 타입이 너무 길거나 재사용하고 싶을 때 타입 별칭을 선언할 수 있다.type 타입변수명 = 타입종류타입을 변수처럼 만들어서 쓰는 alias 문법은 관습적으로 대문자로 시작한다.object 타입도 지정이 가능하다. object 속성이 바뀌는 것을 막고 싶으면 re

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

타입스크립트 -Narrowing, Assertion

위 코드는 에러가 난다. 전에 말했듯 파라미터가 union type이기에 그렇다. 이러한 경우 해결방법으로 Narrowing과 Assertion이 있다.if문 등으로 타입을 하나로 정해주는 것을 뜻한다.f문과 typeof 키워드로 현재 파라미터의 타입을 검사해서 'x의

2022년 10월 13일
·
0개의 댓글
·
post-thumbnail

타입스크립트 - 함수에 타입 지정하기

함수에도 타입을 지정할 곳이 있다.함수로 들어오는 자료 (파라미터)함수에서 나가는 자료 (리턴 값)위 처럼 하면 함수의 파라미터 x에 number타입, 함수의 리턴 값도 number값으로 지정할 수 있다.함수에는 값을 리턴하지 않는 함수도 있는데 이러한 함수의 타입은

2022년 10월 13일
·
0개의 댓글
·
post-thumbnail

타입스크립트 - 타입을 지정하기 애매할 때 (union, any, unknown)

프로그래밍을 하다보면 이 변수에 어떤 타입이 들어갈지 애매한 경우도 있는데 이 때 사용하는 방법이 몇가지 있다.'이 변수에는 string, number 중 하나가 들어갈거야' 라고 타입을 정하고 싶을 때 | 연산자를 사용한다. 이러면 변수에는 string 또는 numb

2022년 10월 13일
·
0개의 댓글
·
post-thumbnail

타입스크립트 - 기본 타입 정리

타입스크립트는 변수를 만들 때 타입 지정이 가능하다. 변수명:타입 이렇게 정하면 된다. 위의 코드에서 이름이라는 변수는 string 타입이 되며 숫자나 다른 타입의 값을 할당하려고 하면 에러가 나게 된다. 타입은 여러가지가 있는데 자주 쓰는 primitive typ

2022년 10월 13일
·
0개의 댓글
·
post-thumbnail

event.preventDefault() - form submit시 페이지 reload 안하기

프로젝트 중 버튼을 누르면 form태그에 입력한 데이터를 서버에 전송하기 위해 post 요청을 하는데 요청 전에 페이지가 reload 돼서 요청을 막는 이슈가 발생했다. event.preventDefault() 함수는 html에서 a태그나 submit 태그는 고유의

2022년 7월 26일
·
5개의 댓글
·
post-thumbnail

react-intersection-observer 라이브러리로 무한스크롤 페이지 구현하기

버킷리스트 커뮤니티 사이트 글 목록 페이지를 구현하던 중 무한스크롤 기능을 구현하기로 했고, https://slog.website/post/8 블로그의 글을 참고하여 매우 쉽게 구현했다.npm install react-intersection-observerdi

2022년 7월 26일
·
2개의 댓글
·
post-thumbnail

리액트 - Redux : Redux Toolkit state 변경

store의 state를 변경하는 법store.js 안에 state 수정해주는 함수부터 만든다.다른 곳에서 쓰기좋게 export 해둔다.원할 때 import 해서 사용한다. 근데 dispatch() 로 감싸서 써야함 예를 들어 Cart.js에서 버튼하나 만들고 클릭하면

2022년 7월 3일
·
0개의 댓글
·
post-thumbnail

리액트 - Redux : Redux Toolkit state 등록 및 사용

리액트를 사용하다 보면 서로 다른 컴포넌트 끼리 state를 주고 받기가 까다롭다. Redux는 props 없이 state를 공유할 수 있게 도와주는 라이브러리이다. Redux를 사용하면 js파일 하나에 모든 state를 저장하고 이를 필요로 하는 모든 컴포넌트에서 i

2022년 7월 3일
·
0개의 댓글
·
post-thumbnail

리액트 - 서버와 통신하기 AJAX

AJAX란?서버에 GET, POST 요청을 할 때 새로고침 없이 데이터를 주고받을 수 있게 도와주는 간단한 브라우저 기능을 AJAX라고 한다. AJAX로 GET/POST요청을 하려면 3개의 방법이 있다. XMLLHttpRequest라는 옛날 문법 쓰기fetch()라는

2022년 6월 28일
·
0개의 댓글
·
post-thumbnail

리액트 - Lifecycle & useEffect()

컴포넌트에는 Lifecycle이라는 개념이 있다. 컴포넌트는 생성(mount)되고 리랜더링(update)되며 삭제(unmount)된다. 우리는 이러한 순간들 마다 함수를 호출하거나 무언가를 실행할 수 있다. "Detail 컴포넌트 등장 전에 이것좀 해줘" "Det

2022년 6월 28일
·
0개의 댓글
·
post-thumbnail

리액트 - styled-components

컴포넌트가 많은 경우 스타일링을 하다보면 중복된 class를 만든다거나 CSS 파일이 길어지는 등 불편함이 생긴다. 그래서 스타일을 바로 입혀서 컴포넌트를 만들수 있는 라이브러리가 있는데 바로 styled-components 이다.우선 다른 라이브러리와 마찬가지로 터미

2022년 6월 28일
·
0개의 댓글
·
post-thumbnail

리액트 - 라우터

페이지를 나눌 때 일반 html css js 사이트는 그냥 html 파일 여러개 만들면 그게 하나의 페이지인데 리액트는 html 파일을 하나만 사용한다. 'react-router-dom' 이라는 외부 라이브러리 설치해서 구현하면 쉽게 페이지를 나눌 수 있다.사용 전에

2022년 6월 26일
·
0개의 댓글
·