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

[TIL] React 최적화(1) useMemo

리액트의 기본 훅들이 익숙해지니.... 이제는 최적화에 눈이 가기 시작합니다. 리소스를 아끼고 싶고, 원하는대로 딱딱 동작하는 웹을 개발하고 싶어집니다. 그렇기에 Usememo, usecallback같은 훅을 공부해보록 합시다!메모이제이션이라는 의미는, 동일한 값을 리

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

[TIL] 스코프와 클로저

프로그래밍을 하기 전에 필수적으로 알아야 하는 개념은 무엇일까요? 여러가지 있겠지만, 변수를 선언했을때 이 변수가 어디까지 이용가능한지를 알아야 코드를 작성할 수 있을 것 같습니다. 그 변수가 이용가능한 범위를 바로 '스코프'라고 합니다. 정의: 변수이름, 함수이름 등

어제
·
0개의 댓글

백준 문제 풀이

백준 문제 풀이 with pythonhttps://xcc1.tistory.com/category/%EB%B0%B1%EC%A4%80

어제
·
0개의 댓글
post-thumbnail

[TIL] Semantic Markup

시멘틱 마크업이란 의미를 잘 전달할 수 있도록 HTML 문서를 작성하는 것을 말합니다. 위 그림처럼 div 태그로만 작성하는 것이 아닌, 각 부분에 알맞는 태그를 사용하여 웹 구조를 의미있게 만드는 것을 말합니다.예시검색엔진이 웹을 잘 이해해서, SEO에 유리해집니다.

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

[TIL]Next.js란 무엇인가?

📎 연관 자료\[TIL] SSR vs. CSR공식문서를 바탕으로 NEXT.js가 무엇이고, 어떤 식으로 사용하는지에 대해 간략하게 공부해보고자 합니다. Next.js는 빠른 웹 애플리케이션을 만들기 위한 빌딩 블록을 제공하는 유연한 React 프레임워크입니다.웹 어플

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

[TIL] SSR vs. CSR

토이프로젝트에 Next.js를 도입하려합니다. 그러려면 서버사이드 렌더링과 클라이사이드 렌더링에 대해서 알아야합니다. 두 가지의 방법은 완전히 서로 배척점에 있어서 알맞게 쓰기 위해서는 각 방식의 장단점을 알아둬야합니다.서버에서 렌더링 준비를 마친 후 클라이언트에 전달

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

[TIL]ES6에 추가된 문법

저와 같은 경우에는 ES6+가 익숙하고, 바벨을 사용하기 때문에 전 버전은 어떠했는지와 전 버전에 비해 어떤 것들이 추가되었는지를 잘 알지 못했습니다. 추가된 문법 중 자주 쓰이는 것들을 정리해보았습니다.let, const템플릿 리터럴화살표 함수구조분해할당promise

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

[TIL ]브라우저 동작원리

브라우저는 어떻게 동작할까? 주소창에 링크를 넣거나, 로그인을 하면 브라우저는 어떤 동작을 거쳐서 사용자에게 화면을 보여주는 것일까요? 예측하기로는, 아마 어디선가 자료를 받아서 화면에 띄우는 것일텐데. 정확히 어떤 자료를 받고, 어떤 방법으로 화면에 표시하는지에 대

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

[알라북스] QA 렌더링 해결

배포주소: http://13.209.81.196:3000/books?category=fantasy백 개발자에게 1차개발 QA를 부탁했습니다. 자잘한 문제들은 쉽게 처리했지만, 아래 두 문제는 해결 과정을 남기는 것이 좋을 것 같아 정리합니다.새로고침했을때도 렌

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

[TIL] CORS

Cross-Origin Resource Sharing (COR) 정의: 다른 출처에게 요청하는 것이 안전한지 판별하기 위해서 브라우저와 상호 통신하는 하나의 방법 즉, 웹 애플리케이션이 지금 실행중인 출처와 다른 출처의 자원에 접근할 수 있도록 권한을 부여하도록 브

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

🧡JUSTCODE 회고록 🧡

저스트코드 수료 무사히 위코드 풀스택, 저스트코드 과정을 수료했습니다! 개발자로, 얼마나 성장했는지를 톺아보고 앞으로 어떻게 나아갈 것인지를 고민하는 시간으로 마지막 저스트코드 회고록을 작성해보고자 합니다. > ## 개발에 뛰어든 이유 대학교에 다닐 때만해도 개발

2022년 6월 10일
·
1개의 댓글

🧚 JUSTCODE 기업협업 회고록

기업협업이 끝나고... JUSTCODE의 마지막 커리큘럼이 끝났습니다. 4주간의 일들을 기억에 최대한 기억을 살려내서 작성해보도록 하겠습니다. > 기업협업 전 과정 기업협업 리스트는 2차 프로젝트 리팩토링 주에 나옵니다. 기수마다 참여하는 기업이 다르고, 각 기업들

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

객체지향 프로그래밍이 뭐지?

🤔 객체 지향 프로그래밍?클래스형을 잘 사용하지 않는, 함수형 컴포넌트를 주로 사용하기에 잘 이해가 되지 않는 용어입니다. 유지보수 용이, 중복 최소화를 위한 방법이겠거니... 라고만 생각했기에 일단 정리해보았습니다.실세계에서 우리가 사물을 인지하는 방식을 프로그래밍

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

2.Stack and Queue

선형자료구조Last In First Out

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

1. Array vs Linked List

논리적 저장 순서와 물리적 저장 순서가 일치인덱스로 원소에 접근 가능 찾고자 하는 원소의 값을 알면 O(1)단삭제, 삽입 과정에서는 O(n)해당 인덱스 요소 삭제 => 빈 공간 채우기 위해 Shift 각 원소는 자기 다음 원소만 기억이 값만 바꾸면 삭제 삽입 O(1)

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

TIL: 5/28

환경변수 언제쓰고 안쓰는건가?...rest 쓰는 이유구조분해 할당이 불필요한 나머지 Props을 넣어주는 것 하지 않는다면 발생하는 이슈: className 등등등도 다 따로 구조분해할당을 해야 한다.

2022년 5월 27일
·
0개의 댓글

[React-Router] TIL: react v6 서브라우터(중첩라우터)

서브라우터(중첩라우터) 라우터 속의 라우터를 말합니다. 성능과 관련이 있습니다. 변하는 부분만 랜더링을 다르게 걸어주면 굳이 전체를 랜더링하지 않아도 되기 때문입니다. > 방법 React에서는 보통 랜더링하는 부분을 모아서 App.tsx 에 설정해둡니다. 서브라우

2022년 5월 22일
·
0개의 댓글

TIL: 5/12

문제상황타입을 도대체 모르겠었다.이렇게하면 타입을 찾을 수 있다.왜 css 타입의 리턴 타입인가?함수 T의 반환 타입으로 구성된 타입을 만듭니다.예시그렇다면 css가 함수라는 뜻이다. 템플릿 리터럴은 함수다.... 일반적인 함수 호출형태가 아니라 transform\`\

2022년 5월 12일
·
0개의 댓글

2차 프로젝트: 🥕당근나라🥕 회고록

1. Introduce > ### 당근마켓을 모티브로 한 프로젝트 개발에만 집중할 수 있도록 기존의 웹 기획과 디자인을 참고하여 하나의 사이트를 완성해보는 프로젝트. 라고 했으나... 앱에 집중된 당근마켓 서비스 상 개발자 + 디자인까지 하게 되었습니다. 당근마켓은

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

JUSTCODE 회고록 11주차

9~10주차는 프로젝트 주간이었다. 회고록이 없는 이유도 그때문이다... 바쁘고 힘들었다. 사실 이번 프로젝트는 거의 기억이 없다. 너무 많은 일이 있어서 그랬나? 기억을 대충 살려서 회고 써본다.1차와 다른점?1차때는 정말 아무것도 몰랐다. 정말정말 기초만 배운 상태

2022년 5월 2일
·
0개의 댓글