- 전체보기(68)
- JavaScript(19)
- React(7)
- http(6)
- CSS(5)
- ux(4)
- UI(4)
- typescript(3)
- Backend(3)
- 프로토타입(3)
- html(3)
- API(2)
- ip(2)
- 클래스(2)
- browser(2)
- DOM(2)
- 반복문(2)
- Web Server(2)
- 조건문(2)
- 칸반(1)
- 와이어프레임(1)
- 추상화(1)
- figma(1)
- 애자일방법론(1)
- URI(1)
- Effect Hook(1)
- OOP(1)
- 객체지향프로그래밍(1)
- JSON.stringify(1)
- 스코프(1)
- DNS(1)
- ubuntu(1)
- linux(1)
- 스크럼(1)
- JSON.parse(1)
- Request(1)
- Response(1)
- 프로미스(1)
- boolean(1)
- oAuth(1)
- 객체(1)
- 유효성검사(1)
- project(1)
- 도메인(1)
- url(1)
- PORT(1)
- 캡슐화(1)
- HTTP Messages(1)
- 폭포수방법론(1)
- dynamic-import(1)
- 컬럼그리드시스템(1)
- 다형성(1)
- 서버(1)
- useEffect(1)
- ajax(1)
- number(1)
- 비동기(1)
- class(1)
- 네트워크(1)
- 과제(1)
- tcp(1)
- 콜백함수(1)
- 레이아웃(1)
- glassmorphism(1)
- VOID(1)
- Hashing(1)
- any(1)
- postman(1)
- cli(1)
- 인스턴스(1)
- Node(1)
- REST API(1)
- 목업(1)
- json(1)
- 클로저(1)
- open API(1)
- 타입추론(1)
- interface(1)
- String(1)
- Userflow(1)
- koans(1)
- 원시자료형(1)
- 함수(1)
- 타입별칭(1)
- HTTP Requests(1)
- axios(1)
- Enum(1)
- Custom Hooks(1)
- middleware(1)
- 참조자료형(1)
- 코플릿(1)
- CSR(1)
- SSR(1)
- refactor(1)
- HTTP Responses(1)
- 아고라스테이츠(1)
- api key(1)
- array(1)
- 프로젝트(1)
- Fetch(1)
- spa(1)
- 상속(1)
- seo(1)
- JSX(1)
- cookie(1)
- express(1)
- RMM(1)
- atomic design(1)
- Token(1)
- CRUD(1)
- UDP(1)
- 피터모빌의7요소(1)
- 체인(1)
- 피그마(1)
- redux(1)
- tuple(1)
- react router(1)
- session(1)
- 웹표준(1)
- git(1)
- sop(1)
- 클라이언트(1)
- 디자인패턴(1)
- 리소스(1)
- object(1)
- 배열(1)
- cors(1)
- 회고(1)
[TypeScript] TypeScript 문법2
typeScript의 열거형(Enum)은 특정 값의 집합을 정의할 때 사용된다.JavaScript에서는 기본적으로 열거형을 지원하지 않지만, TypeScript에서는 문자형 열거형과 숫자형 열거형을 지원한다.TypeScript에서 열거형은 다음과 같은 형태로 정의할 수
[TypeScript] TypeScript 문법
TypeScript는 JavaScript에서 지원하는 타입의 대부분을 지원하고, 그 외에 추가로 타입을 명시하여 JavaScript 언어의 한계를 보완한다.
[TypeScript] 프로젝트 환경 구성하기
TypeScript 프로젝트 환경 구성하기 TypeScript ESLint와 Prettier 설정하기
[토이프로젝트] 초기 세팅 하기
팀 토이 프로젝트를 위해 개설된 깃 레퍼지토리를 clone 해온다.초기 파일 구조팀원들과 같은 환경에서 작업하기 위해 기본 설정을 맞추었다.좌측 하단의 톱니바퀴 버튼을 눌러 설정에 들어간다.우측 상단에 설정열기 아이콘을 누른다.다음과 같이 json 형식으로 설정을 세팅
[UX/UI] 디자인 시스템 구축하기
디자인 시스템을 만들고 유지하는 업무는 꽤 시간이 걸리며 보통 이를 전담하는 부서가 필요하다.구성원들이 디자인 시스템을 사용 및 적용하기 위한 교육이 필요하다.고정된 정보를 제공하는 프로젝트(e.g. 기업 소개 웹사이트) 또는 일회성 프로젝트(e.g. 프로모션용 랜딩
[UX/UI] Atomic Design
최근 스마트폰의 보급과 기술 발전으로 인해 웹 환경이 빠르게 변화하고 있다. 데스크톱과 모바일에서 더 나아가 태블릿, TV, 냉장고, 자동차 등 다양한 기기에서 웹 환경이 제공되고 있다. 이러한 변화에 따라, 디자이너와 프론트엔드 개발자들은 환경에 상관없이 일관된 사용
[UX/UI] Design System
디자인 시스템(Design System)은 디자인 원칙부터 재사용할 수 있는 UI 패턴과 컴포넌트, 코드로 구성된 시스템을 의미한다.이는 전체 서비스에 효율적이고 일관된 디자인을 적용할 수 있도록 도와준다.종종 디자인 요소를 모은 UI 키트를 디자인 시스템으로 혼동하기
[React] 코드 분할 (Code Spliting)
React 앱들은 번들링(Bundling)을 통해 HTML 웹 페이지에 JavaScript를 쉽게 추가할 수 있다.번들링된 앱은 모든 JavaScript 코드가 한 곳에 있으므로 페이지 설정을 위한 호출 수가 적어지고, 단일 링크 태그만으로 JavaScript를 추가할
[React] Custom Hooks
Custom Hooks이란 개발자가 스스로 커스텀한 훅을 의미한다. 이를 이용해 반복되는 로직을 함수로 뽑아내어 재사용할 수 있다.
[Solo Project] 소프트웨어 개발 방법론
소프트웨어 개발 방법론이란 소프트웨어 개발에 대한 체계적인 접근 방식을 의미한다. 소프트웨어 개발 방법론은 소프트웨어 개발 과정에 필요한 단계, 활동, 산출물, 순서 등을 정의하고 설명한다.
[Backend] OAuth
전통적으로 직접 작성한 서버에서 인증을 처리해 주는 것과는 달리, OAuth는 인증을 중개해 주는 메커니즘이다. 보안된 리소스에 액세스하기 위해 클라이언트에게 권한을 제공하는 프로세스를 단순화하는 프로토콜이다.
[Backend] Token
토큰(Token)은 인증(Authentication) 정보를 전달하는 데 사용되는 문자열이다. 보통 사용자 인증 후 서버에서 발급되며, 이를 이용해 해당 사용자가 권한이 있는 요청을 보낼 수 있다.
[Backend] Cookie / Session
Cookie는 클라이언트 측에서 데이터를 저장하고 전송하기 위한 작은 파일이며, Session은 서버 측에서 상태 정보를 저장하고 관리하기 위한 방법이다.
[네트워크] TCP/IP
TCP/IP는 인터넷에서 데이터를 전송하기 위한 프로토콜이며, 인터넷 상에서 컴퓨터간 통신을 가능케 하는 핵심 프로토콜이다.
[사용자 친화 웹] 웹 표준
웹 표준이란 W3C에서 권고하는 ‘웹에서 표준적으로 사용되는 기술이나 규칙’으로, 사용자가 어떠한 운영체제나 브라우저를 사용하더라도 웹페이지가 동일하게 보이고 정상적으로 작동할 수 있도록 하는 웹 페이지 제작 기법을 담고 있다.
[React] Redux
Redux에서는 Action → Dispatch → Reducer → Store 순서로 데이터가 단방향으로 흐르게 된다.상태가 변경되어야 하는 이벤트가 발생하면, 변경될 상태에 대한 정보가 담긴 Action 객체가 생성된다.이 Action 객체는 Dispatch 함수의
[사용자 친화 웹] Figma
Figma는 2016년 9월에 출시된 UI 디자인&프로토타이밍 툴이다. Figma는 한 화면에서 여러 명의 사람이 동시에 작업할 수 있는 기능을 제공한다. 이러한 기능은 비대면 협업의 중요성이 높아지면서 Figma를 더욱 매력적인 툴로 만들었다.