profile
완벽하게 준비되는 순간은 오지 않는다. 부족하더라도 부딪혀라. 완벽은 부족함을 채워나가는 과정이다.

[JS] 배열의 sort 메서드

반환 값이 0보다 작으면 a가 b보다 앞에 있어야 한다.반환 값이 0과 같으면 a와 b의 순서를 바꾸지 않는다.반환 값이 0보다 크면 b가 a보다 앞에 있어야 한다.

약 4시간 전
·
0개의 댓글

[내맘코]줄임말 함수 만들기

스프레드 문법을 사용해서 아규먼트로 오는 모든 문자열을 배열에 담아서 함수의 파라미터로 전달될 수 있도록 한다.빈 문자열을 변수에 할당해주고for ... of ... 문법을 사용해서 각 아규먼트의 첫번째 글자를 빈 문자열에 저장해준다.마지막으로 최종 결과물을 출력해주면

약 8시간 전
·
0개의 댓글
post-thumbnail

[🤟]Next 사용을 위한 웹의 동작 이해

SSR의 동작 방식을 살파보면브라우저에서 프론트 서버로 /mypage를 요청을 보낸다.프론트 서버에서 백엔드 서버로 GET /user와 같은 요청을 보낸다.백엔드 서버에서 데이터베이스에 유저 정보를 요청하고 반환된 데이터를 프론트 서버까지 반환해준다.프론트 서버에서 데

약 14시간 전
·
0개의 댓글
post-thumbnail

[Vue] v-if 조건문

조건식에 사용될 변수를 data에 불린값으로 저장해둔다.v-if 속성을 사용해 조건식을 작성한다.modalStatus의 값을 어떤 상황에 변경할지 구분한다.

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

[Vue] 클릭이벤트

@click 속성으로 클릭 이벤트가 발생하는 태그를 명시해줌methods에 이벤트 함수를 만들어서 사용할 수 있음methods에서 이벤트 함수를 만들어서 사용할 때, data에 있는 변수들을 사용할 경우에this 키워드를 사용해야함

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

[Vue] v-for 반복문

Vue에서는 반복문 사용 시 HTML 태그 속성으로 v-for를 사용한다.(<반복할 요소명>, <인덱스>) in <몇번 반복할지> 식으로 v-for에 값을 준다.반복문을 사용하면 :key 속성을 주어서 고유 값을 설정해준다.

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

[Vue] 데이터바인딩

태그의 속성 => 속성명 앞에 콜론(:)을 사용한다.태그 사이의 컨텐츠 => 중괄화({}) 두개를 사용한다.모든 데이터는 data 함수에 작성한다.동적인 데이터 변경 (가변적인 데이터들 위주로 데이터 바인딩으로 처리하자)Vue의 실시간 자동 렌더링 => 데이터 저장소에

6일 전
·
0개의 댓글

[markdown] 토글리스트를 만들어보자!

최근에 프로젝트를 진행하면서 위키를 만들면서 마크다운에 대해서 공부하게 되었다.그 중 신기했던 토글리스트를 만드는 방법에 대해서 살펴보겠다.마크다운으로는 구현할 수 없습니다 😭div 태그의 markdown 속성은 jekyll에서 markdown을 인식하기 위한 코드

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

[알고리즘] 코딩테스트 1

getAlength 함수는 start와 finish를 인자로 받는 함수이다.getAlength 함수의 return 값은 가장 긴 갭의 길이이다.start는 자동차의 출발 지점을 나타낸다.finish는 자동차의 도착 지점을 나타낸다.start와 finish는 배열이다.s

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

[프로젝트] 프로젝트 기획-(1)

프로젝트를 준비하면서 제일 간과했던 부분이 있다.'이 서비스가 누구를 위한 서비스인가?'에 대해서 생각해 보는 시간이 너무 적었다.그렇기 때문에, 프로젝트의 방향성이 유저를 위한 부분이 아니라 보여주기 식의 프로젝트로 기획이 진행되어왔다.기획 단계에서 초심자가 조심해야

2021년 5월 10일
·
0개의 댓글
post-thumbnail

[JS] 동기와 비동기

함수 호출 => 함수 실행 컨텍스트 생성함수 실행 컨텍스트는 콜스택에 푸시(push)함수 실행종료된 함수 실행 컨텍스트 팝(pop)자바스크립트 엔진은 싱글 스레드 방식으로 동작하기 때문에 단 하나의 실행 컨텍스트를 갖는다.그래서 동시에 2개 이상의 함수를 실행할 수 없

2021년 5월 7일
·
0개의 댓글

[알고리즘] 직사각형 좌표 구하기

직사각형을 만드는 데 필요한 4개의 점 중 3개의 좌표가 주어질 때, 나머지 한 점의 좌표를 구하려고 합니다. 점 3개의 좌표가 들어있는 배열 v가 매개변수로 주어질 때, 직사각형을 만드는 데 필요한 나머지 한 점의 좌표를 return 하도록 solution 함수를 완

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

[SSR][Next] SSR을 위한 Next.js(2)

프로젝트에 서버 사이드 렌더링을 구현해보자

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

[SSR][Next] SSR을 위한 Next.js(1)

프로젝트에 서버 사이드 렌더링을 구현해보자

2021년 5월 5일
·
0개의 댓글

[React200][props] props 자료형 선언하기

리액트에서 props에 타입을 지정할 수 있다.부모 컴포넌트에서 자식 컴포넌트로 props를 내려주다 보면 해당 props의 타입이 명확하지가 않은데 다음과 같은 방법을 통해서 props의 타입을 지정해 줄 수 있다.props로 받은 데이터의 자료형이 propTypes

2021년 5월 4일
·
0개의 댓글

[JS][Ref] this 개념 정리하기

자바스크립트를 처음 배우면서 this를 만났을 때 참 난감했다.this와 같이 call, apply 메서드가 삼총사로 몰려다녀서 명확히 this를 이해하기 힘들었다. 내가 아는 this라고는 영어의 지시 대명사 뿐인데 말이다. 하지만 지금에 와서 되돌아보면 지시대명사

2021년 5월 3일
·
0개의 댓글

[JS][기초] 파라미터와 아규먼트

파라미터와 아규먼트

2021년 5월 1일
·
0개의 댓글

[서버][노코드] 쿠키와 세션 이해하기

클라이언트와 서버가 통신을 할 때 요청과 응답을 통해서 통신한다. 하지만 서버는 한 번의 요청에 한 번의 응답만을 하기때문에 클라이언트가 다음 요청을 보낼 때에 서버는 클라이언트를 기억하지 못한다.이와 같은 문제점을 쿠키와 세션을 사용하여 해결 할 수 있다.서버는 요청

2021년 5월 1일
·
0개의 댓글

[서버][API] API를 만들어볼까?

API란 무엇인가? API는 Application Programming Interface의 약자로

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

[React][hooks] About useEffect -[1]

클래스형 컴포넌트는 생명주기 메서드를 가지고 있고, 이를 활용해서 컴포넌트가 마운트 되었을때 발생하는 리렌더링을 조작할 수 있다.반면에, 훅스에서는 이러한 생명주기 메서드가 없기 때문에 useEffect 함수를 통해서 생명주기 메서드와 유사하게 조작할 수 있다.

2021년 4월 28일
·
0개의 댓글