post-thumbnail

JAVA와 JavaScript의 차이점

JAVA와 JavaScript 모두 배우고 사용해 보았지만 차이점에 대해 곰곰이 생각해본 적이 없었습니다.원래 JAVA는 일반적인 프로그래밍 언어였고, JavaScript는 웹에서의 상호작용과 애니메이션을 만들기 위해서 사용되고 있었습니다. 하지만 그 이후로 Java

2021년 9월 15일
·
0개의 댓글
post-thumbnail

리액트(React.js) vs 뷰(Vue.js)

라이브러리와 프레임워크의 차이라이브러리와 프레임워크의 차이는 제어 흐름에 대한 주도성이 누구에게/어디에 있는가에 있습니다. 프레임워크는 전체적인 흐름을 스스로가 쥐고 있으며 사용자는 그 안에서 필요한 코드를 짜 넣으며 반면에 라이브러리는 사용자가 전체적인 흐름을 만들며

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

[fitpet] isLoading으로 적용시킨 스켈레톤 UI가 안 불러와 짐

isLoading 적용 에러 상황isLoading이 true인 경우 스켈레톤 UI를 적용시키려고 했으나, 적용시킨 이미지가 안보이고 빈 이미지만 보임..근데 똑같이 isLoading을 사용한 지금 이 숙소가 인기있어요 부분 스켈레톤 UI는 잘 적용됨... 그래서 뭐가

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

[JS] 올바른 괄호

괄호가 입력되면 올바른 괄호이면 “YES", 올바르지 않으면 ”NO"를 출력합니다.(())() 이것은 괄호의 쌍이 올바르게 위치하는 거지만, (()()))은 올바른 괄호가 아니다.첫 번째 줄에 괄호 문자열이 입력됩니다. 문자열의 최대 길이는 30이다.첫 번째 줄에 YE

2021년 9월 8일
·
0개의 댓글
post-thumbnail

[JS] var, let, const 알고 사용하자!

코딩 테스트 준비를 하면서 변수 선언할 때 사용되는 var, let, const의 차이점에 대해 정확하게 인지하지 못하고 있었습니다. 찝찝한 마음으로 공부를 하다가 확실하게 알게 사용하고 싶어 공부한 내용을 포스팅하려고 합니다. ES6는 이러한 var 키워드의 단점을

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

[React] FITPET : 숙소 상세보기 API 연동하기

숙소 상세보기 페이지는 숙소 리스트 페이지에서 상세보기 버튼을 클릭하면 이동하게 되는 페이지 입니다. 상세보기 버튼에 불러올 숙소의 id값을 넣어줘 id값과 일치한 데이터들을 불러오도록 구현하였습니다.services 폴더에 HotelService.js 파일을 만들고 여

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

[Node] node.js 완전히 삭제 후 재설치 하기

몇 달 전부터 Git에 소스 코드를 관리하고 있다.팀 프로젝트는 문제없이 잘 올라가는데 개인 프로젝트 몇 개는 내가 수정하지도 않은 파일들이 올라가더라... (이건 다른 방법으로 해결했음)뭐가 문제인지 모르겠어서 그때...! 이것저것 만지다가 내 Node 버전에도 문제

2021년 8월 31일
·
0개의 댓글
post-thumbnail

[React] 캐러셀 넘길 때 비율 안맞는거 해결하기

이전에 포스팅한 대로 useEffect를 사용하여 캐러셀 구현하고 다음 버튼, 이전 버튼 클릭 하였을 때 넘어가는거까진 완료했다.근데 보시다시피 끝 부분이 살짝 안맞는다...해당 코드인데 translateX가 translateX(-${currentSlide \* 5}0

2021년 8월 31일
·
0개의 댓글
post-thumbnail

[React] 스크롤에 따라 헤더 값 변경해주기

useEffect를 사용하여 yOffset 의 값에 따라 \_nav를 숨겨주고 \_gotoCourse를 보여주는 방법입니다.yOffset의 값이 35 이하일 땐 \_nav의 스타일 opacity(불투명도)를 1로 설정해줌으로써 사용자에게 보여지도록 하고 \_gotoCo

2021년 8월 27일
·
0개의 댓글
post-thumbnail

[React] React 로 kakao 책 검색 사이트 만들기 : 2. 장바구니 기능 구현

장바구니 상태 관리하기 ✔️ 장바구니 추가를 위한 addToOrder() 함수 useCallback을 통해 책을 장바구니에 추가해주는 addToOrder() 함수를 생성합니다. 어떤 책을 장바구니에 넣어줄지 isbn 파라미터를 통해 넣어줍니다. > Kakao 책

2021년 8월 27일
·
0개의 댓글
post-thumbnail

[React] React 로 kakao 책 검색 사이트 만들기 : 1. Kakao API 검색 기능 구현

Kakao API 검색 기능 구현먼저 Kakao Developers 로 들어가서 rest apia key를 받습니다. src/api.js{Kakao API Key} 에 자신이 카카오 에서 발급 받은, API 키를 넣어줍니다. AppStateProvider에서 책 검색

2021년 8월 27일
·
0개의 댓글
post-thumbnail

[React] React 로 kakao 책 검색 사이트 만들기

Library는 책을 검색 후 장바구니에 추가하면 책의 개수와 가격을 계산해 주는 서비스입니다.이번 프로젝트는 React.js와 카카오 검색 API 를 활용하여 간단한 프로젝트를 하나 만들어 보고자 시작하게 되었습니다.✨ 에서 프로젝트 데모 확인이 가능합니다.Reac

2021년 8월 23일
·
0개의 댓글
post-thumbnail

[React] 라우터 이해하기(Route, Link, Switch)

라우터는 path 속성으로 자신이 원하는 URL 주소를 만들고 그 해당 URL에 들어갈 컴포넌트들을 지정할 수 있습니다. 또한, 브라우저 이동 없이 컴포넌트만 전환하여 마치 모바일 앱처럼 이루어지게끔 해줍니다.URL과 UI를 동기화해주는 라우터이며, 웹 어플리케이션이

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

직사각형 좌표 구하기

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

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

K번째 수

문제 설명 배열 array의 i번째 숫자부터 j번째 숫자까지 자르고 정렬했을 때, k번째에 있는 수를 구하려 합니다. 예를 들어 array가 [1, 5, 2, 6, 3, 7, 4], i = 2, j = 5, k = 3이라면 array의 2번째부터 5번째까지 자르면

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

[JS] reduce() 메서드 활용하기

reduce() 메서드는 덧셈 함수로 자주 사용됩니다. reduce() 메서드는 배열의 각 요소에 대해 주어진 리듀서 함수를 실행하고, 하나의 결과값을 반환합니다. 아래 코드는 덧셈 예시 입니다.acc(누적값)이 초깃값인 0부터 시작해서 return하는대로 누적되는 것

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

완주하지 못한 선수

수많은 마라톤 선수들이 마라톤에 참여하였습니다. 단 한 명의 선수를 제외하고는 모든 선수가 마라톤을 완주하였습니다.마라톤에 참여한 선수들의 이름이 담긴 배열 participant와완주한 선수들의 이름이 담긴 배열 completion이 주어질 때,완주하지 못한 선수의 이

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

로또의 최고 순위와 최저 순위

lottos : 민우가 구매한 로또 번호를 담은 배열lottos는 길이 6인 정수 배열lottos의 모든 원소는 0 이상 45 이하인 정수0은 알아볼 수 없는 숫자를 의미0을 제외한 다른 숫자들은 lottos에 2개 이상 담겨있지 않음lottos의 원소들은 정렬되어 있

2021년 8월 9일
·
0개의 댓글
post-thumbnail

백엔드 프로그래밍 : Node.js의 Koa 프레임워크

이 작업을 하고 나면 디렉터리에 package.json 파일이 생성됩니다.다음 명령어를 통해 파일이 잘 만들어졌는지 확인해 볼 수 있습니다.Koa 웹 프레임워크를 설치합니다.기존 index.js 파일에 다음 코드를 입력한 뒤, 서버를 포트 4000번으로 열고, 웹 브라

2021년 7월 28일
·
0개의 댓글
post-thumbnail

[React] react-scroll 이용해서 텍스트 클릭 시 원하는 영역으로 스크롤 이동하기

react-scroll 을 사용하여 스크롤 이동하는 프로젝트를 구현해 보았습니다.Middle.js는 오른쪽에 목차처럼 Day1, Day2 를 가리킬 컴포넌트입니다.Middle을 클릭해주면 그에 맞게 스크롤이 이동되는 해당 영역을 Side 컴포넌트로 나눠줍니다.

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