요근래 파일 업로드 기능을 구현했는데, 정말 정말 정말 생각했던 것보다 훨씬 더 어려웠다. 우선 리액트, 타입스크립트 개념을 온전히 이해하지 못한 상태에서 파일 업로드까지 진행하려니 ㅋㅎㅋ...

Typescript 기반으로 react 프로젝트를 진행하고 있다. 맡은 기능 중 슬라이드를 구현해야 했는데, Slick 이라는 라이브러리를 사용했다.

Asynchronous JavaScript And XML, 서버와 비동기적으로 데이터 주고 받는 자바스크립트 기술 서버란 무엇인지에 대해 이해하고 있어야 한다. 서버란, 데이터를 요구하면 데이터를 보내주는 프로그램이다.

concat() 메서드는 인자로 주어진 배열이나 값들을 기존 배열에 합쳐서 새 배열을 반환한다.

리액트 관련 강의를 보다가 새로 알게 된 메서드를 소개하고자 한다. unshift() 메서드는 새로운 요소를 배열의 맨 앞쪽에 추가하고, 새로운 길이를 반환한다.

commit 전에 안쓰는 import를 삭제해주는 것은 기본 중의 기본! 인텔리제이에서 불필요한 import 정리하기 위한 단축키는 다음과 같다.

현재 회사에서 TypeScript 기반의 리액트 웹 프로젝트를 진행하고 있다. 사실 나는 TypeScript의 개념만 알고 있었고, 실제로 TypeScript를 사용해본 적이 없었다. 그래서 헷갈리는 부분이 너무 많았다 🤯🤯 .. 그 중에서도 TypeScript의

react-router-dom의 NavLink에 대해 알아보자.

a 태그의 속성중 target이 어떤 뜻인지 궁금했다! target은 링크를 클릭할 때 창을 어떻게 열지 결정해준다.

JSON.stringify() 메서드는 JavaScript 값이나 객체를 JSON 문자열로 변환한다. 선택적으로, replacer를 함수로 전달할 경우 변환 전 값을 변형할 수 있고, 배열로 전달할 경우 지정한 속성만 결과에 포함한다.

reduce() 메서드는 배열의 각 요소에 대해 주어진 리듀서(reducer) 함수를 실행하고, 하나의 결과값을 반환한다.

동일한 선택자에게 함수를 적용시켜야 했다. (코드의 비효율성을 방지하기 위해서 😀)

IE에서는 적용되지 않는 ES6문법들이 종종 있다. 이때 테스트로 사용해볼 수 있는 사이트를 소개해보려고 한다. ECMAScript 6 문법으로 작성한 코드를 ECMAScript 5 문법으로 변환해주는 사이트이다.

UI에 데이터 목록을 표시하던 도중 글자수가 긴 컬럼에 대해 '...' 처리(tooltip)를 해야 했다.

자바스크립트를 사용해 페이지를 새로 고침 하는 방법에 대해 알아보도록 하자. 화면 개발을 하다 보면 페이지 전체를 다시 불러와야 하거나 특정 영역을 갱신해야 하는 경우가 발생하는데 이런 경우 일반적으로는 location을 사용한다. https://develop

서버 사이드 렌더링과 클라이언트 사이드 렌더링의 차이가 무엇인지 물어보는 질문을 받았지만, 이 질문에 재대로 대답을 하지 못했다. 😢 제대로 짚고 넘어가기 위해서 포스팅을 하도록 하자! 서버 사이드 렌더링은 정보를 화면에 표시하는 가장 일반적인 방법이다. 서

input 에 대한 글자수 validation 를 설정해야 했다. 예를 들어 input 에 검색할 수 있는 최대 글자를 50이라고 가정했을 때 50이상의 글자가 입력될 경우 제한하는 것이다. Javascript의 input 폼에 입력되는 최대 글자수를 제한하는 방법 2

개발하고 있는 페이지 중 검색하고자 하는 text를 input으로 받고 있는 부분이 있었다. 페이지에 대한 피드백을 받덛 도중 input에 사용성의 고려하여 자동 포커싱을 주는 것이 어떠냐는 의견이 나왔다. 생각해보니 사용자가 마우스 커서를 한번 클릭하지 않아도 되므로

View 에서 가져온 data 를 표기하는 과정에서 문득 value, textContent, innerHTML, innerText의 차이에 대해 궁금해졌다.

express 를 사용하여 애플리케이션을 만들어보도록 하자. view 엔진은 html 을 사용해볼 것이다.