post-thumbnail

[CS] SPA vs MPA & CSR vs SSR

📋 SPA vs MPA & CSR vs SSR Single Page Application과 Multiple Page Application, 그리고 Client Side Rendering, Server Side Rendering의 차이를 알아보자. 📌 1. SPA

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

[CS] 크로스 브라우징이란?

많은 초보 개발자들은 크로스 브라우징이 무엇인지 잘 알지도 못해 고려하지 않고 웹 페이지를 개발해본 경험이 있을 것이다. 물론 나를 포함해서.나는 그러다가 내가 만든 웹 페이지를 크롬이 아닌 파이어폭스를 통해 켜보았고 나는 경악했다. 페이지의 css가 심각할 정도로 깨

2023년 1월 25일
·
0개의 댓글
·
post-thumbnail

[React] 커스텀 훅 사용하기

개발을 하다 보면 가끔 상태 관련 로직을 컴포넌트 간에 재사용하고 싶은 경우가 생깁니다. 이 문제를 해결하기 위한 전통적인 방법이 두 가지 있었는데, higher-order components와 render props가 바로 그것입니다. Custom Hook은 이들 둘

2023년 1월 10일
·
0개의 댓글
·
post-thumbnail

[Algorithm] 퀵 정렬

📋 퀵 정렬 알고리즘 이 포스팅에서 알아볼 퀵 정렬은 1960년에 찰스 앤터니 리처드 호어가 개발한 방법으로 이후 많은 사람들이 수정 보완하여 완성된 정렬 알고리즘이다. 이 알고리즘은 처음 소개된 이후로 반세기가 넘었지만 현존하는 가장 빠른 정렬 알고리즘 중 하나

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

[Portfolio] 포트폴리오 사이트

사용한 기술 스택FE : TypeScript React.js styled-component Vite 등JUSTCODE 6기 부트캠프 과정이 끝나고 본격적으로 구직 활동을 시작하기 위해 포트폴리오를 이 블로그에 올리기 시작했습니다.굳이 포트폴리오를 블로그에 올린 이유는

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

[Algorithm] 합병 정렬

지금까지 배운 정렬 알고리즘(버블, 선택, 삽입 정렬)은 큰 규모에 맞지 않는 알고리즘이다.우리가 이제부터 알아볼 빠른 알고리즘 집합은 시간 복잡도를 O(n^2)에서 O(n log n)으로 향상시킬 수 있는 알고리즘이다.그중 합병 정렬(Merge Sort)에 대해 먼저

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

[Algorithm] 삽입 정렬

삽입 정렬은 자료 배열의 모든 요소를 앞에서부터 차례대로 이미 정렬된 배열 부분과 비교하여, 자신의 위치를 찾아 삽입함으로써 정렬을 완성하는 알고리즘이다.말로만 듣는다면 어떤 방식인지 이해하기 힘들 것이다.작동방식을 시각화한 자료를 통해 직접 확인해보자.https&#x

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

[CS] CORS (교차 출처 리소스 공유) 란?

📋 CORS (교차 출처 리소스 공유) 란? 웹 개발자라면 한번쯤 이러한 에러를 마주쳐봤을 것이다. > 🚨 Access to fetch at ‘https://cors.api.com’ from origin ‘http://localhost:3000’ has been

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

[React] useCallback이란?

useCallback 또한 useMemo와 마찬가지로 memoization 기법으로 컴포넌트 성능을 최적화 시켜주는 훅이다.앞서 알아본 useMemo을 복습하면 useMemo는 자주 쓰이는 값을 메모이제이션, 즉 캐싱해준다. 그리고 그 값이 필요할때 다시 게산을 하는

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

[React] useMemo란?

📋 useMemo란? useMemo는 리액트에서 컴포넌트의 성능을 최적화 하는데 사용되는 훅이다. useMemo에서 memo는 memoization을 뜻하는데 이는 그대로 해석하면 ‘메모리에 넣기’라는 의미이며 컴퓨터 프로그램이 동일한 계산을 반복해야 할 때, 이

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

[Algorithm] 푸드 파이트 대회

수웅이는 매달 주어진 음식을 빨리 먹는 푸드 파이트 대회를 개최합니다. 이 대회에서 선수들은 1대 1로 대결하며, 매 대결마다 음식의 종류와 양이 바뀝니다. 대결은 준비된 음식들을 일렬로 배치한 뒤, 한 선수는 제일 왼쪽에 있는 음식부터 오른쪽으로, 다른 선수는 제일

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

[Algorithm] 콜라 문제

오래전 유행했던 콜라 문제가 있습니다. 콜라 문제의 지문은 다음과 같습니다.ㅤ정답은 아무에게도 말하지 마세요.ㅤ콜라 빈 병 2개를 가져다주면 콜라 1병을 주는 마트가 있다. 빈 병 20개를 가져다주면 몇 병을 받을 수 있는가?ㅤ단, 보유 중인 빈 병이 2개 미만이면,

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

[TypeScript] 타입스크립트 기본 문법 정리

개발 공부를 시작하고 지금까지 자바스크립트를 공부하고, 또 자바스크립트로 다양한 프로젝트를 진행해왔다.하지만 타입스크립트라는 언어를 알게 된 후부터 자바스크립트의 단점이 내게 부각되기 시작했고, 결국 에러 및 버그의 사전 확인, 유지 보수의 장점 등등 다양한 이유로 타

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

[Portfolio] 차트 페이지와 게시판 만들기

🏢 협업 기업 : (주)위닝아이FE : 김진영개발기간 : 10/15(토) ~ 10/19(수)사용한 기술 스택FE : JavaScript React.js Recoil styled-component MUI chart-js 등주식회사 위닝아이와 함께한 기업 협업 과제입니다

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

[Portfolio] 오디오 녹음 & 재생 프로그램 만들기

🏢 협업 기업 : (주)하이FE : 김진영 박찬영 정세영개발기간 : 10/11(화) ~ 10/14(금) 10:00사용한 기술 스택FE : JavaScript React.js styled-component MUI 등주식회사 하이와 함께한 기업 협업 과제입니다.과제 내용

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

[Portfolio] 감지 센서 관리 프로그램 만들기

🏢 협업 기업 : (주)바딧FE : 김정연 김진영 이기완 이혜림개발기간 : 10/7(금) ~ 10/9(일) (3일)사용한 기술 스택FE : JavaScript React.js styled-component nivo react-beautiful-dnd 등Pre-Onbo

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

[Portfolio] 플레이키보드 웹 스토어 만들기

🏢 협업 기업 : (주)비트바이트FE : 김정연 김진영 이기완 이혜림개발기간 : 10/4(화) ~ 10/6(목) (3일)사용한 기술 스택FE : JavaScript React.js styled-component hangul-js 등Pre-Onboarding 과정에서

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

[Portfolio] 🎶 FLOrida music

📋 FLOrida 💡 팀명 : FLOrida 클론 사이트 : https://www.music-flo.com/ FE : 김진영 김충만 임지영 최승철 BE : 김교은 이신희 개발기간 : 9/19(월) ~ 9/30(목) 14:00 (12일) 사용한 기술 및 라

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

[Portfolio] 🍫 ROECY' Chocolate

📋 ROECY' Chocolate 📌 팀명 : 열품타 (열내지말고 품위지키며 타자치자) 팀장 : 김진영 FE : 김진영 김유현 정예원 천찬영 BE : 오서준 오지호 사용한 기술 및 라이브러리 FE : JavaScript React.js sass react

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

[Pre-Onboarding] 차트 페이지와 게시판 만들기

📋 차트 페이지와 게시판 만들기 프리온보딩 과정 마지막 과제가 끝났다. 이제 타입스크립트 세션을 듣고 이력서와 포트폴리오만 작성하면 드디어 저스트코드 과정이 끝난다. 아쉽지만 아쉬운걸 뒤로하고 일단 후기부터 작성해보겠다. 📌 1. 과제 소개 Github :

2022년 10월 20일
·
0개의 댓글
·