profile
사회에 의미있는 서비스를 만드는데 기여하는 개발자의 모습을 지향합니다.
post-thumbnail

사용자 친화 웹 Part 4. 와이어프레임 & 프로토타입

와이어프레임과 프로토타입의 특징을 기억한다.와이어프레임과 프로토타입을 피델리티에 따라서 구분할 수 있다.와이어프레임과 프로토타입의 차이점을 이해한다.와이어프레임은 선(wire)으로 틀(frame)을 잡는다는 뜻으로, 제품 기획 단계에서 페이지를 어떻게 구성할 것인지

약 20시간 전
·
0개의 댓글

2022.05.26 ~ 2022.06.26 회고

목표 상기하기Until 2026년 3월: 주니어 프로그래머로서 월 400 이상(연봉 5, 800 ~) 유니콘 스타트업 재직Until 2023년 3월: 엔트리 프로그래머로서 월 260 이상(연봉 3,500 ~) 테크 스타트업 재직Keep, Problem 작성하기Keep

약 21시간 전
·
0개의 댓글

Section 11. 버블 정렬

Section 11. 버블 정렬 현재 유데미와 코드스테이츠 강의를 통해 알고리즘을 학습하고 있습니다.본 포스트는 해당 강의에 대한 내용 정리를 목적으로 합니다. 1. 버블 정렬이란 버블 정렬(bubble sort)는 여러 정렬 알고리즘(삽입 정렬, 퀵 정렬, 병합 정

어제
·
0개의 댓글
post-thumbnail

Part 19. 프로토타입 (1)

현재 '모던 자바스크립트 Deep Dive'를 통해 자바스크립트를 학습하고 있습니다. 본 포스트는 해당 내용에 대한 정리를 목적으로 합니다. 1. 객체지향 프로그래밍 객체란 객체의 * 상태를 나타내는 데이터와 상태 데이터를 조작할 수 있는 * 동작을 하나의 논리적

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

사용자 친화 웹 Part 3. UI/UX 사용성 평가

제이콥 닐슨의 10가지 사용성 평가 기준을 기억한다.제이콥 닐슨의 사용성 평가 기준이 각각 어떤 의미인지 이해한다.Heuristics(휴리스틱)이란 완벽한 지식 대신 직관과 경험을 활용하는 방법론을 말합니다.합리적인 시간 내에 적절한 피드백을 통해 사용자에게 진행 상황

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

사용자 친화 웹 Part 2. UX 디자인

피터 모빌(Peter Morville)의 7요소를 기억한다.UX 7요소가 의미하는 바를 이해한다.UX 7요소로 UX를 평가할 수 있음을 기억한다.User flow의 개념과 필요성을 이해한다.User flow를 통해 UX를 디자인할 수 있음을 이해한다.간단한 user f

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

사용자 친화 웹 Part 1. UI/UX

UI, UX의 사전적 의미를 기억한다.프론트엔드 개발자가 UX를 공부해야 하는 필요성을 이해한다.UI, UX의 관계를 이해한다. UI UI(User Interface, 사용자 인터페이스)는 사람들이 컴퓨터와 상호 작용하는 시스템을 의미합니다. 화면상의 그래픽 요소 외

2일 전
·
0개의 댓글

Web Server 기초(node.js)

Web Server 기초(node.js) 현재 코드스테이츠 강의를 통해 프론트엔드를 학습하고 있습니다.본 포스트는 해당 강의에 대한 내용 정리를 목적으로 합니다. 학습목표 SOP에 대해 이해할 수 있다. CORS에 대해 이해할 수 있다. CORS 동작 방식에 대해 이해

7일 전
·
0개의 댓글

Web Server 기초(express)

Web Server 기초(express) 현재 코드스테이츠 강의를 통해 프론트엔드를 학습하고 있습니다.본 포스트는 해당 강의에 대한 내용 정리를 목적으로 합니다. 학습목표 Express로 간단한 서버를 구현할 수 있다. 미들웨어를 이해할 수 있다. 미들웨어를 이용할 수

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

Part 17. 생성자 함수에 의한 객체 생성

현재 '모던 자바스크립트 Deep Dive'를 통해 자바스크립트를 학습하고 있습니다. 본 포스트는 해당 내용에 대한 정리를 목적으로 합니다. 1. Object 생성자 함수 new 연산사와 함께 Object 생성자 함수를 호출하면 빈 객체를 생성하여 반환합니다. 빈 객

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

React 클라이언트 Ajax 요청(2) Effect Hook

React 클라이언트 Ajax 요청 현재 코드스테이츠 강의를 통해 프론트엔드를 학습하고 있습니다.본 포스트는 해당 강의에 대한 내용 정리를 목적으로 합니다. 학습목표 React에서의 데이터 흐름, 단방향 데이터 흐름을 이해할 수 있다. 어떤 컴포넌트에 state가 위치

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

HTTP/네트워크 기초 Ch 4. 브라우저의 작동 원리(보이는 곳)

HTTP/네트워크 기초 Ch 4. 브라우저의 작동 원리(보이는 곳) 현재 코드스테이츠 강의를 통해 프론트엔드를 학습하고 있습니다.본 포스트는 해당 강의에 대한 내용 정리를 목적으로 합니다. 학습목표 보이는 곳의 통신을 이해할 수 있다. AJAX의 개념을 이해할 수 있다

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

Part 16. 프로퍼티 어트리뷰트

현재 '모던 자바스크립트 Deep Dive'를 통해 자바스크립트를 학습하고 있습니다. 본 포스트는 해당 내용에 대한 정리를 목적으로 합니다. 1. 내부 슬롯과 내부 메서드 내부 슬롯과 내부 메서드는 자바스크립트 엔진의 내부 로직이어서 원칙적으로 자바스크립트는 내부 슬

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

React State & Props

React SPA 현재 코드스테이츠 강의를 통해 프론트엔드를 학습하고 있습니다.본 포스트는 해당 강의에 대한 내용 정리를 목적으로 합니다. 학습목표 state, prop의 개념에 대해서 이해하고, 실제 프로젝트에 바르게 적용할 수 있다. React 함수 컴포넌트(Rea

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

비동기 Ch 2. Node.js와 fetch API

비동기 Ch 2. Node.js 현재 코드스테이츠 강의를 통해 프론트엔드를 학습하고 있습니다.본 포스트는 해당 강의에 대한 내용 정리를 목적으로 합니다. 학습목표 Node.js 내장 모듈을 사용할 수 있다. 서드 파티 모듈(3rd-party module)을 사용할 수

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

HTTP/네트워크 실습 Ch 1. REST API

REST API에 대해 이해할 수 있다.REST 성숙도 모델에 대해 이해할 수 있다.REST API 문서를 읽을 수 있다.REST API에 맞춰 디자인할 수 있다.Open API와 API Key에 대해 이해할 수 있다.REST API의 API는 "Representati

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

HTTP/네트워크 기초 Ch 3. HTTP

HTTP의 동작 방식을 이해할 수 있다.HTTP Message의 구조를 설명할 수 있다.HTTP Request와 Response를 구분할 수 있다.HTTP의 응답 메시지를 찾아볼 수 있다.HTTP Message는 클라이언트와 서버 사이에서 데이터가 교환되는 방식입니다.

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

HTTP/네트워크 기초 Ch 2. 브라우저의 작동 원리(보이지 않는 곳)

브라우저의 작동 원리를 이해할 수 있다.보이지 않는 곳의 통신을 이해할 수 있다.URL과 URI의 차이를 이해할 수 있다.IP 주소와 PORT에 대해 이해할 수 있다.DNS와 IP 주소의 관계를 설명할 수 있다.크롬 브라우저의 에러 메시지를 통해 문제를 파악할 수 있다

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

HTTP/네트워크 기초 Ch 1. 웹 애플리케이션 아키텍처

클라이언트-서버 아키텍처를 이해할 수 있다.HTTP를 이용한 클라이언트-서버 통신을 이해할 수 있다.API의 개념을 이해할 수 있다.상품 정보 같은 리소스가 존재하는 곳과 리소스를 사용하는 앱을 분리시킨 것을 Client Server Architecture 혹은 2

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

React SPA

React SPA 현재 코드스테이츠 강의를 통해 프론트엔드를 학습하고 있습니다.본 포스트는 해당 강의에 대한 내용 정리를 목적으로 합니다. 학습목표 SPA(Single-Page Application) 개념을 이해하고 설명할 수 있다. SPA의 장, 단점에 대해 이해하고

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