Javascript 배열의 내장 함수 sort() 이용 방식을 확실히 알고 가도록 정리해보자. 임의의 Array 객체에 대해서 정렬을 수행하는 함수이다. sortFunction에는 정렬 기준을 결정하는 데 사용되는 함수를 추가할 수 있다. sortFunction은 임의

문자열 중 문자의 개수를 반환한다. 문자열 중 문자가 처음 나온 위치를 반환한다. 존재하지 않는다면 -1을 반환한다. 문자열 중 문자가 맨 처음으로 나온 위치를 반환한다. 존재하지 않는다면 오류가 발생한다. 문자열의 각각의 문자 사이에 문자를 삽입한다. 문자열을 대문자

nohup으로 백그라운드에서 프로세스 유지하기 > 원격으로 설정된 리눅스 서버로 접근했을 때, 로컬의 세션이 종료될때마다 프로세스도 함께 죽는 현상이 발생한다. 리눅스에서 제공하는 명령어인 nohup을 이용하면 터미널의 세션 연결이 끊어지더라도 지속적으로 프로세스를

News Viewer Project 외부 API를 이용하여 최신 뉴스 기사 불러오는 실습 프로젝트 UI ✨ 사용 기술 React, axios, Sass (+ styled-components), React router 📚 TIL Axios 원하는 뉴스 기사 데

리덕스는 데이터를 관리하는데 도와주는 역할을 한다.데이터 상태관리를 위해 React나 Angular와 함께 자주 쓰인다. 전체 데이터의 상태를 저장하고 있는 데이터 저장소하나의 Reducer를 가지는 데이터 저장소를 생성하는 함수리듀서에게 action 인자를 전송할 수

✅ 내가 작성한 글 or 댓글에만 수정, 삭제 버튼을 렌더링 해주기 위해 리스트 API는 클라이언트로부터 받은 토큰 정보를 통해 게시물에 대한 권한을 확인하여야 한다. ✅ 권한이 확인되면 response 를 통해 프론트에 게시물에 대한 정보와 함께 권한을 확인할

💬 들어가며 프로젝트를 진행하면서 초반에 가장 많이 발생했던 CORS 이슈에 대해 확실히 짚고 넘어가기 위해 정리해보려 한다. CORS 가 도대체 뭐지? CORS, Cross-Origin Resource Sharing 이라는 정책으로 웹 개발자라면 흔히 겪는 에러의

💬 사내에서 열리는 기술 세미나에 참관하여 배웠던 것에 대해 정리해본다. > 웹 표준 표준화 단체인 W3C가 권고한 표준안에 따라 HTML, CSS, JavaScript 등에 대한 표준 기술을 규정한 것 💡 구조적 마크업과 표현, 레이아웃 및 행위 제어를 잘 분리

💁‍♀️ Data Type 데이터가 메모리가 어떻게 저장되고, 처리되어야 하는지 명시적으로 알려주는 것 > literal 값 자체가 변하지 않는 값 기본 자료형 타입 (Primitive Type) Object, Reference 형태가 아닌 실제 값을 저장하는 자

컴포넌트 초기 생성 🌱 컴포넌트의 객체가 생성되어 DOM 상에 삽입될 때 아래 순서대로 호출된다. constructor() 컴포넌트가 생성될 때 자동으로 호출되는 컴포넌트 생성자 함수 render() 클래스 컴포넌트에서 반드시 구현되어야 하는 메서드 compon

Ajax 란? (Asynchronous Javascript And Xml) Javascript를 이용한 비동기 통신 기술로, 클라이언트와 서버 사이에서 전체 페이지를 리로드 할 필요 없이,* 필요한 데이터만 로드* 할 수 있다. 💡 Ajax는 JSON, XML, H

무한 스크롤바 구현 state 값 undefined error : binding 문제 페이지 전환 후 뒤로가기 등을 통해 이전 페이지로 돌아갔을 때 이전 고수 리스트가 안보이는 문제( 20~ 30만 보임) map의 key

❌ 발생한 문제 BottomNavigation 태그에 적절한 props를 사용하지 않았다는 문제였다. 코드 내에서는 에러가 발생하지 않아서 도무지 원인이 무엇인지 알 수 없었다. 🚀 고민해보기 오류 메시지에 제안된 방식으로 showlabels를 삭제해보거나 소문

💬 목적 Material UI를 사용하면서 작은 에러들이 곳곳에서 발견 되었는데, Select 컴포넌트 이용 중 처음 발생했던 에러에 대해 얘기해보고자 한다. > findDOMNode is deprecated in StrictMode error 🚀 해결 방법 F

카카오톡 메시지 플랫폼 API 이용해보기 💬 들어가며 사이드 프로젝트를 진행하면서 사용자 초대 링크를 카카오톡 공유 API를 통해 전송하는 기능을 구현하게 되었다. API에서 데이터를 가져오는 실습은 해본 적이 있지만, API를 통해 데이터를 전송해보는 경험은 처

🐾 React 에는 클래스 컴포넌트 와 함수 컴포넌트 형태가 존재한다. 🐾 React 는 JSX 를 통해 Element를 생성한다. 🐾 React 는 Props 와 State 를 통해 컴포넌트의 상태 값을 다룬다. 🚀 Component 클래스 컴포넌트 Rea

Compiler Options 최상위 프로퍼티 ✔ compilerOptions type : @types or typeRoots typesRoots : 타입 정의 파일 경로 @types : 패키지 이름 target : 빌드의 결과물

Typescript Compiled Language, 정적 타입 언어 Javascript Interpreted Language, 동적 타입 언어 🔥 Typescript -> Compiling -> Javascript Compiled : 컴파일이 필요한 Inter

REST의 정의 Representational State Transfer, 정보를 얻고자 하는 자원에 고유한 이름을 붙혀, 해당 자원의 상태를 서버와 클라이언트 간 주고 받는 것을 의미한다. REST의 특징 REST 방법론을 이용해 API를 설계했을 때 아래와 같

React-Router 사용자의 브라우저가 클라이언트 사이드에서 뷰 렌더링을 담당하도록 돕는 라이브러리 💡 서버 사이드 렌더링을 할 때에도 라우팅을 도와주는 컴포넌트들을 제공해준다. 라이브러리 설치하기 프로젝트 디렉토리로 이동하여 다음 명령어를 통해 리액트 라우터