티스토리

Input + Output = True

검색하기

블로그 홈

Input + Output = True

iotrue.tistory.com/m

성장 = 인풋 + 아웃풋 + 기록

구독자: 1

방명록 방문하기

주요 글 목록

javascript 'use strict'란? 😎Javascript] 'use strict' ✅ 엄격모드 (use strict) 'use strict'는 자바스크립트에서 엄격모드를 실행한다 엄격모드란 선언하지 않은 변수를 사용할 수 없게 되는 등 자바스크립트 엔진에 엄격한 기준이 적용되는 것을 말한다 엄격모드의 사용 여부에 따른 차이점을 살펴보자 function test() { x = 5 } test() console.log(x) // 5 선언되지 않은 변수 x를 사용했기 때문에 에러가 출력될 것 같지만 실행해보면 정상 작동한다 자바스크립트 엔진이 암묵적으로 전역 변수를 생성하기 때문에 정상 작동하게 된다그렇기 때문에 아래의 코드는 true가 된다 function test() { x = 5 } test() console.log(x) // 5 cons.. 공감수 1 댓글수 0 2023. 7. 19.
자바스크립트 메모리 구조 - 콜 스택, 메모리 힙 😎Javascript] 자바스크립트 메모리 구조 - 콜 스택, 메모리 힙 메모리 (RAM) - Random Access Memory 기본적으로 컴퓨터의 데이터를 저장하고 처리하는 역할을 하며 데이터 처리 속도가 빠르지만 컴퓨터 또는 해당 프로그램이 종료되면 저장된 데이터가 모두 사라진다 ✅ 콜 스택, 메모리 힙이란? 1. 콜스택(Call Stack) 원시타입 데이터가 저장된다(string, number, boolean, null, undefined, bigint, symbol) 실행컨텍스트(Execution Context)를 통해 아래 작업들을 제어한다 변수 식별자(이름) 저장 스코프 체인 및 this 관리 코드 실행 순서 관리 등을 수행 2. 메모리 힙(Memory Heap) 참조타입 데이터가 저장된다.. 공감수 1 댓글수 0 2023. 7. 16.
vue 3 - 이벤트 핸들링 😎 vue 3 - 이벤트 핸들링 composition API를 기준으로 합니다 ✅ 이벤트 핸들링 v-on 디렉티브를 통해 이벤트를 사용할 수 있으며 일반적으로 단축해서 @ 기호를 사용한다 v-on:click="handler" 또는 줄여서 @click="handler"와 같이 사용 가능하다 사용 방식은 다음과 같다 인라인 핸들러: 이벤트가 트리거될 때 실행되는 인라인 JavaScript 메서드 핸들러: 컴포넌트에 정의된 메서드 숫자 값은: {{ count }} // 인라인 1 추가 // 메서드 1 추가 const count = ref(0) const countIncrement = () => { count.value++ } ✅ 이벤트 객체 접근 특수 키워드 $event를 사용하여 메서드에 전달하거나 인라인 .. 공감수 2 댓글수 1 2023. 7. 16.
vue 3 - v-for 반복문 😎 vue 3 - v-for 반복문 composition API를 기준으로 합니다 ✅ v-for v-for을 사용하여 배열을 리스트로 렌더링할 수 있다 v-for 사용 시엔 각 엘리먼트를 추적해서 재사용 및 재정렬이 가능하도록 하기 위해 각 항목에 대한 고유 key 속성이 있어야 한다 즉, 리스트의 순서를 변경하거나 데이터의 추가, 삭제 등 재정렬이 필요할 경우 해당 엘리먼트의 상태를 유지하기 위해 고유한 key 값이 필요하다 // v-bind:key는 :key로 축약 사용이 가능하다 {{ index }} - {{ item.message }} const items = ref([ { id: 1, message: 'itemA' }, { id: 2, message: 'itemB' } ]) 결과는 아래와 같다 .. 공감수 1 댓글수 0 2023. 7. 12.
vue 3 - v-if, v-show 😎 vue 3 - v-if, v-show composition API를 기준으로 합니다 ✅ v-if v-if, v-else-if, v-else를 통해 조건부 렌더링이 가능하며 디렉티브 별로 형제 블럭이면서 인접해야 한다 A B C A/B/C 모두 아님 const text = ref("D") // 아래와 같이 렌더링된다 A/B/C 모두 아님 ✅ v-show 엘리먼트를 조건부로 표시하는 다른 옵션이며 사용법은 v-if와 대체로 동일하다 v-show! const show = ref(false) // 아래와 같이 랜더링된다 v-show! v-show의 엘리먼트는 항상 렌더링 되면서 DOM에 남아 있고 display CSS 속성으로 전환한다 ✅ v-if vs v-show v-if v-if는 실제 조건부 렌더링으로.. 공감수 1 댓글수 0 2023. 7. 12.
vue 3 - class & style 😎 vue 3 - class & style composition API를 기준으로 합니다 ✅ 클래스 바인딩 객체 바인딩 아래 코드 isActive의 Boolean값에 의해 active 클래스가 결정된다 const isActive = ref(true) // 다음과 같이 랜더링 된다 computed 일반적으로는 가독성 및 재사용성을 위해 계산된 값을 반환하는 방식으로 사용한다 classObject const isActive = ref(true) const error = ref(null) const classObject = computed(() => ({ active: isActive.value && !error.value, 'text-error': error.value })) component 컴포넌트에 c.. 공감수 1 댓글수 0 2023. 7. 11.
vue 3 - computed (computed vs method) 😎 vue 3 - computed (computed vs method) composition API를 기준으로 합니다 ✅ computed vue의 함수형 속성으로, 어떠한 값을 계산하여 리턴하는 함수로 사용되며 연결된 data가 변경되면 값을 다시 계산하여 바인딩한다 즉, 옵저버의 역할을 한다 기본적인 문법은 아래와 같다 sumC: {{ sumC }} const text = ref(1) const sumC = computed(()=>{ return text.value * 1 }) // sumC: 1 기본적으로 getter를 제공하며, 필요에 따라 setter를 설정해서 사용할 수 있다 getter와 setter를 통해 읽기, 쓰기가 가능하며 setter를 정의하지 않고 값을 업데이트 할 경우 에러가 출력.. 공감수 1 댓글수 0 2023. 7. 9.
vue 3 반응형 - reactive and ref 😎 vue 3 반응형 - reactive and ref composition API를 기준으로 합니다 반응형 vue에서는 데이터의 실시간 업데이트가 가능한 것을 반응형이라고 한다 ✅ reactive reactive() 함수를 사용하여 객체 또는 배열을 반응형으로 만들 수 있다 반환 값은 원본 객체와 같지 않고 원본 객체를 재정의한 객체이다 const raw = {} const proxy = reactive(raw) // 반응형으로 재정의 된 것은 원본과 같지 않다 console.log(proxy === raw) // false 객체, 배열 또는 Map이나 Set과 같은 컬렉션 유형에만 사용 가능하다 reactive 예제 숫자가 증가하며 화면에 실시간 바인딩을 하는 예제이다 reactive 사용 여부에 따.. 공감수 1 댓글수 0 2023. 7. 5.
vue 3 기본 문법 😎 vue 3 기본 문법 composition API를 기준으로 합니다 ✅ 문법 텍스트 보간법 데이터 바인딩 기본 형태 - 일반 텍스트로 해석 메세지: {{ msg }} 디렉티브 vue 디렉티브 v- 접두사가 있는 속성을 의미한다 v-html 디렉티브 실제 HTML 출력 텍스트 보간법 사용: {{ rawHtml }} v-html 디렉티브 사용: 텍스트 보간법 사용: 이것은 빨간색이어야 합니다. v-html 디렉티브 사용: 이것은 빨간색이어야 합니다. 임의의 html 동작으로 인해 보안 취약점이 생길 수 있으니 사용자 조작 컨텐츠에는 사용하지 않는 것을 권장한다 v-html은 사용을 자제하고 반드시 이유가 있을 경우에만 사용하도록 해야한다 ✅ 입력 바인딩 input event v-model 이슈 : 현재 .. 공감수 2 댓글수 1 2023. 7. 4.
Javascript] 스코프(스코프, 스코프체인, 렉시컬 스코프) 😎Javascript] 스코프, 스코프체인, 렉시컬 스코프 ✅ 스코프 Scope 스코프 (Scope) - 범위 Javascript에서 스코프란 ‘식별자(변수)에 접근할 수 있는 유효범위’를 뜻한다. 자바스크립트 스코프는 2가지 타입이 있다. 1. Global (전역) 2. Local (지역) 전역 스코프(Global Scope)는 전역에 선언되어 있어 어느 곳에서나 해당 변수에 접근할 수 있고 지역 스코프(Local Scope)는 해당 지역에서만 접근할 수 있다. let a = "global" function aPrint() { let a = "local" console.log(`aPrint : ${a}`) } aPrint() //aPrint : local console.log(`global : ${a}.. 공감수 1 댓글수 0 2023. 5. 10.
렌더링 최적화] 리플로우 리페인트 (Reflow Repaint) 😎 렌더링 최적화] 리플로우 리페인트 (Reflow Repaint) 리플로우와 리페인트를 알기 위해 먼저 브라우저 렌더링 방식을 간단하게 알아보자. ✅ 기존 DOM 렌더링 방식 (브라우저 렌더링 방식) 브라우저는 서버가 보내준 HTML 파일, CSS 파일을 해석(Parsing)하여 DOM 트리, CSSOM 트리를 만든다. DOM 트리 + CSSOM 트리를 결합해 Render 트리를 만든다. Render 트리로 각 노드의 위치와 크기를 계산한 레이아웃(Layout)을 만들고 뷰포트(Viewport) 내에서 각 노드들의 위치와 크기를 계산한다. Layout 계산이 완료되면 요소들을 화면상의 실제 픽셀로 변환하고, 레이어를 만드는 페인트(Paint)를 한다. 생성된 레이어를 합성해서 실제 화면에 나타낸다. (.. 공감수 1 댓글수 0 2023. 4. 7.
Semantic HTML? 시멘틱 마크업이란? 😎 Semantic HTML? 시멘틱 마크업이란? Semantic HTML 의미론적 HTML을 의미한다. 시맨틱 요소는 브라우저와 개발자 모두에게 그 의미를 명확하게 설명할 수 있다. -w3schools- ✅ 시멘틱 마크업이란? 의미를 잘 전달하도록 문서를 작성하는 것 non-Semantic , : 내용에 대한 의미가 없다. Semantic , , : 내용의 의미를 명확하게 정의한다. ✅ 시멘틱 마크업을 해야하는 이유 1. SEO (Search Engine Optimization) 시멘틱 마크업은 검색엔진 최적화(SEO)에도 영향을 준다. 구글과 같은 검색 엔진들은 문서(웹사이트)를 방문하면 문서에 포함된 링크를 따라가며 관련 내용들을 모두 수집하고, 수집된 문서는 구글 시스템에서 분석 과정을 거친다. .. 공감수 1 댓글수 0 2023. 4. 6.
순수함수란? 순수함수 불변성 사이드이펙트 😎 순수함수란? ✅ 순수함수 특징 사이드 이펙트가 없어야 한다. (외부의 상태를 변경하지 않아야 한다.) 동일한 값이 주어질 경우 항상 리턴 값이 같아야 한다. ✅ 순수함수 예시 1. 순수함수 const one = 1 const two = 2 function sum(a, b){ return a + b; } sum(one, two) // 3 sum 함수는 외부 상태를 변경하지 않고, 같은 값에 대해 항상 같은 값을 리턴하므로 순수함수이다. 2. 순수함수가 아닌 것 (비순수함수) const arr = [1, 2] function add(arr, value){ return arr.push(value) } add(arr, 3) arr // [1, 2, 3] add 함수는 전달 받은 값 arr에 value를 pu.. 공감수 1 댓글수 0 2023. 4. 5.
서드파티란? 서드파티 라이브러리란? 😎 서드파티란? 서드파티 라이브러리란? 서드파티 3rd party 프로그래밍에서의 서드파티란 프로그래밍을 도와주는 plug_in 이나 library 등을 만드는 회사를 말한다. ✅ 서드파티 예시 1. SNS 관련 링크(소셜 로그인, 공유 링크 등) 2. 광고 링크 3. 결제 플러그인 이 처럼 완전히 독립적인 제3자가 보증을 제공하는 것을 말한다. 장점 : 직접 구현하지 않아도 제공되는 API를 활용해서 다양한 서비스를 추가할 수 있다. 단점 : 해당 기능에 대한 직접적인 통제를 할 수 없다. 공감수 1 댓글수 0 2023. 4. 4.
require vs import 차이 😎 require() vs import() 차이 const module = require('./module.js') import module from './module.js' require와 import 둘 다 외부 모듈의 코드를 불러오는 동일한 작업을 수행하는 문법이다. ✅ require vs import 비교 require / exports는 NodeJS에서 사용되고 있는 CommonJS 키워드 import / export는 ES6(ES2015)에서 새롭게 도입된 키워드 require는 파일의 어느 지점에서나 호출 할 수 있지만 import는 일반적으로는 파일의 시작 부분에서만 실행할 수 있다. (import 전용 비동기 문법으로 파일 중간에 모듈 불러오기를 할 수도 있다) import가 requir.. 공감수 1 댓글수 0 2023. 4. 3.
React index.tsx 타입스크립트 에러 React typescript root Error argument of type 'htmlelement | null' is not assignable to parameter of type 'element | documentfragment' 셀렉터의 타입을 지정해주면 된다. index.tsx에서는 document.getElementById('root') 1. 에러 : document.getElementById('root') 2. 해결 : document.getElementById('root') as HTMLElement 공감수 1 댓글수 0 2023. 4. 1.
yarn 리액트 설치] 자주 쓰는 라이브러리 설치 명령어 모음 😎 yarn 리액트 설치] 자주 쓰는 리액트 라이브러리 설치 명령어 모음 리액트 yarn create react-app . 리덕스 yarn add react-redux 리덕스 툴킷 yarn add react-redux @reduxjs/toolkit 리코일 yarn add recoil 주스탠드 yarn add zustand 리액트 라우터 yarn add react-router-dom 악시오스 yarn add axios 리액트 쿼리 yarn add react-query 스타일드 컴포넌트 yarn add styled-components 퍼시스트 yarn add redux-persist 크로스엔브 yarn add cross-env json 서버 yarn add json-server json 서버 실행 yarn .. 공감수 1 댓글수 0 2023. 3. 31.
Javascript] 자바스크립트 this 😎Javascript] 자바스크립트 this this는 함수 호출 방식에 의해 결정된다. ✅ this 란? this는 함수 호출 방식에 의해 결정된다. 자바스크립트에서 this는 기본적으로는 전역객체(브라우저에서는 window)이다. this를 찍어보자. this // Window {...} 함수의 this는 어떨까? function a() { console.log(this) } a() // Window {...} 이처럼 일반 함수내의 this는 window를 가리킨다. (strict 모드일 경우는 undefined이다.) 그렇다면 this가 window가 아닌 경우는 무엇이 있을까? ✅ 객체 메서드의 this const obj = { a: function() { console.log(this) } } .. 공감수 1 댓글수 0 2023. 3. 31.
HTTP란? HTTP 설명 😎HTTP란? HTTP(HyperText Transfer Protocol) 인터넷 상에서 데이터를 주고 받을 수 있는 프로토콜을 말하며 웹 브라우저와 웹 서버의 소통을 위해 디자인되었다. ✅ HTTP의 특징 Connetionless(비 연결성) HTTP는 요청과 응답을 주고 받을 때만 연결을 유지하고, 응답을 주고나면 서버와의 연결을 끊는다. Stateless(무상태성) 커넥션을 끊는 순간 클라이언트와 서버의 통신이 끝나며 상태 정보는 유지(저장)하지 않는다. Stateless 특징으로 인해 클라이언트와 서버의 상태 정보를 들고 있지 않아서 클라이언트가 상태 정보를 매번 http에 담아서 요청해야한다. ✅ HTTP messages HTTP messages는 클라이언트와 서버 사이에서 데이터가 교환되는 방.. 공감수 1 댓글수 0 2023. 3. 30.
프레임워크 라이브러리 차이 Framework Library 😎 프레임워크 라이브러리 차이 Framework Library ✅ 프레임워크 프레임워크(framework) 소프트웨어의 특정 문제를 해결하기 위해서 상호 협력하는 클래스와 인터페이스의 집합. -위키백과- 프레임워크는 소프트웨어의 구체적인 부분에 해당하는 설계와 구현을 재사용이 가능하게끔 일련의 협업화된 형태로 클래스들을 제공하는 것으로 애플리케이션 개발을 하는데 있어 기본적으로 필요한 구조와 구성을 갖추어서 개발자가 기능 구현에 집중할 수 있도록 한다. 프레임워크는 그 자체로 프로그램이 동작하는 것이 아니라 프레임워크는 코드를 작성할 수 있는 기본적인 뼈대를 제공하고 그 뼈대 위에 개발자가 코드를 작성해서 프로그램을 구현할 수 있다. 프레임워크가 제공하는 기본적인 뼈대와 가이드에 맞게 설계하고 개발함으로.. 공감수 1 댓글수 0 2023. 3. 29.
쿠키, 세션, 캐시, 스토리지 😎 쿠키, 세션, 캐시, 스토리지 쿠키와 세션을 사용하는 이유와 차이점 요약 HTTP의 connectionless, stateless 프로토콜 로 인해 클라이언트가 서버와 통신을 할 때마다 계속 인증이 필요하기 때문에 사용한다. 쉽게 말해, 쿠키는 클라이언트 / 세션은 서버가 사용자에 대한 인증을 유지하는 것이다. 따라서, Stateful 경우를 대처하기 위해 쿠키와 세션을 사용하고, 쿠키와 세션의 차이점은 크게 상태 정보의 저장 위치이다. 쿠키는 '클라이언트'에 저장하고, 세션은 '서버'에 저장한다. HTTP 프로토콜의 특징 1. Connectionless 프로토콜 (비연결 지향) 클라이언트가 서버에 요청(Request)을 했을 때, 그 요청에 맞는 응답(Response)을 보낸 후 연결을 끊는 처리방.. 공감수 1 댓글수 0 2023. 3. 28.
parameter와 argument의 차이 😎 Parameter와 Argument의 차이 Parameter와 Argument는 프로그래밍에서 자주 사용되는 용어이고 이 둘은 서로 비슷한 개념이지만, 다른 의미를 가지고 있다. Parameter는 함수를 정의할 때 사용되는 변수 이름이며 (인수) Argument는 함수를 호출할 때 전달되는 실제 값이다. (인자) function sum(a, b) { // Parameter return a + b; } sum(1, 2) // Argument 공감수 1 댓글수 0 2023. 3. 28.
자바스크립트 호이스팅과 TDZ 😎 자바스크립트 호이스팅과 TDZ ✅ 호이스팅 호이스팅(Hoisting) 코드 실행 전 변수와 함수의 메모리 공간을 미리 할당하는 것. 코드에서 선언된 위치와 상관없이 변수 및 함수를 사용할 수 있다는 의미이다. 즉, 변수 및 함수 선언이 스코프의 최상단으로 끌어올려지는 것 같은 현상을 의미한다. 호이스팅 규칙 호이스팅은 크게 함수 호이스팅과 변수 호이스팅으로 나뉜다. 선언된 함수는 상단에서 참조, 호출 가능. 선언된 var 는 상단에서 참조, 할당 가능. 선언된 let, const 는 상단에서 참조, 할당 불가능. [함수 선언문과 함수 표현식에서 호이스팅 방식의 차이] function declaration(){ //함수 선언문 console.log('함수 선언문') } declaration() cons.. 공감수 1 댓글수 0 2023. 3. 28.
Restful Api란? 😎Restful Api란? RESTful API (Representational State Transfer) - 표현 상태 전이 분산 하이퍼미디어 시스템을 위한 아키텍처 스타일 API(Application Programming Interface)란? 데이터와 기능의 집합을 제공해서 컴퓨터 프로그램간의 상호작용 및 정보 교환이 가능하도록 하는 것. 자원, 행위, 표현으로 구성되어 있다. ✅ REST란 HTTP URI(Uniform Resource Identifier)를 통해 자원(Resource)을 명시한다. HTTP Method(POST, GET, PUT, DELETE, PATCH 등)를 사용한다. 해당 자원(URI)에 대한 CRUD Operation을 적용하는 것을 의미한다. ✅ REST 구성 요소 R.. 공감수 1 댓글수 0 2023. 3. 27.
[항해99 - 마지막] 벌써 수료라니 ⚓ 항해99 - 마지막 회고록 (수료식) intro 벌써 2023년 3월이다. 오늘 낮은 완연한 봄 날씨였고 꽤 더웠다. 많이 추웠던 작년 12월 5일을 시작으로 어느덧 오늘, 항해99 수료식이 진행되었다. 말도 안 돼 시간이 너무 빠르잖아!!! start 우리 11기의 입학부터 오늘 수료까지의 일대기를 스윽 훑어보는 시간에는 기쁘면서 뭉클했다. 밍글데이부터 다 같이 가끔 수다 떨면서 놀던 짤들과 1월 1일 카운트를 외쳤던 짤까지. 3개월 정도의 추억들이지만 다 같이 함께 고생하고 성장한 시간들이어서 그런지 더 의미 있고 뭉클한 감정으로 다가왔다. 그렇게 몽글몽글한 분위기에서 수료식이 진행되었고, 상장 수여를 하는 시간도 있었다. 두둥. 상장 수여식은 하하호호 즐거운 분위기 속에서 진행되었고 나는 예상치.. 공감수 1 댓글수 0 2023. 3. 22.
리액트 가상돔 / 브라우저 렌더링 방식 😎리액트 가상돔 / 브라우저 렌더링 방식 리액트는 가상돔(Virtual DOM)을 사용하고, 가상돔은 실제 DOM을 추상화한 것으로, 실제 DOM과 동일한 구조를 가지고 있다. DOM (Document Object Model 문서객체모델) 브라우저가 HTML 웹 페이지를 인식하는 방식을 계층화시켜 트리구조로 만든 객체(Object) 모델 DOM은 root(뿌리) node에서 시작된다. 트리형 자료 구조는 위쪽 노드를 부모(parent) 노드, 아랫쪽 노드를 자식(child) 노드라고 하며 root node는 가장 위에서 시작되는 node로 parent(부모)가 없는 node이고, 이를 뿌리(root) node 라고도 부른다. 반대로, children(자식)이 없는 node를 잎(leaf) node라고도 .. 공감수 1 댓글수 0 2023. 3. 21.
자바스크립트 Promise async await 설명 및 예제 😎자바스크립트 Promise async await 설명 및 예제 ✅ JavaScript Promise 란? JavaScript Promise는 비동기 처리에 사용되는 객체이다. 어떤 작업이 완료되기를 기다리고 그 작업이 완료되면 결과를 반환한다. 즉, Promise는 비동기 함수의 결과를 처리하는데 사용된다. Promise는 다음과 같은 특징이 있다. 비동기 처리 결과를 나타내는 객체 Promise의 상태는 대기(Pending), 이행(Fulfilled), 거부(Rejected) 세 가지 상태 중 하나를 갖는다. Promise는 단 한 번만 상태를 변경할 수 있다. Promise는 대기(Pending) 상태에서 시작해 이행(Fulfilled) 또는 거부(Rejected) 상태 중 하나로 변경된다. 이행 .. 공감수 1 댓글수 0 2023. 3. 21.
CORS란? CORS 설명 😎CORS란? CORS (Cross-Origin Resource Sharing - 교차 출처 리소스 공유) 동일한 출처가 아닌 다른 출처에서 데이터를 주고 받는 것을 허용하는 정책 동일 출처란 URL 프로토콜, 호스트, 포트가 같은 것을 의미한다. 프로토콜 : https 호스트 : localhost 포트 : 3000 이러한 정책을 이유로 다른 출처에서 리소스를 받아오는 것은 제한된다. 하지만 개발의 범위가 커지다보니 다른 출처에서 리소스를 받아오는 것은 필연적이게 되었고, 이러한 문제해결을 위해 탄생한 것이 CORS이다. CORS의 안전한 리소스 공유 방법에는 예비 요청 방법, 단순 요청 방법 2가지 방법이 있다. 요청 방법은 요청 헤더와 응답 헤더를 통해 이루어지고 각 항목은 아래와 같다. ✅ 헤더 요.. 공감수 1 댓글수 0 2023. 3. 20.
[항해99 - 15주차] 실전프로젝트 7 (최종 발표 & 지원주차) ⚓ 항해99 - 15주차 회고록 (실전프로젝트 7) 프로젝트 자랑하고 시작하기.gif intro 항해를 시작하고 벌써 15주가 흘렀고, 수요일에는 최종 발표회를 진행했다. 시간이 정~말 빠르게 지나간다. 지금은, 그렇게 기다리던 최종 발표회도 끝나고 지원주차가 시작됐다. start 최종 발표회는 순조롭게 잘 진행됐다. 발표 준비와 발표, 그리고 부스에서의 대화들. 6주동안 밤을 새가며 함께 만든 뿌듯한 프로젝트인만큼 마음껏 자랑했다. 신기하다며 채팅방에서 함께 이런저런 기능들을 체험해보는 분들도 있었고, 면접 준비 잘 하라며 꿀팁을 주고 가시는 분들도 있었다. 덕분에 놓쳤던 부분들을 다시 한번 점검할 수 있는 시간이었다. 사실 발표때까지만 해도 최종 프로젝트가 끝났다라는 게 실감이 잘 안 났었는데, 부스.. 공감수 1 댓글수 0 2023. 3. 19.
[항해99 - 14주차] 실전프로젝트 6 ( D-2 ) ⚓ 항해99 - 14주차 회고록 (실전프로젝트 6) intro 유저 테스트 기간 종료! 그리고 최종 발표 발표 2일 전이다! 또 한번 느낀다. 시간 참 빠르다 🏃‍♂️ start 지난 주 유저 테스트를 진행하며 받은 피드백들을 반영하고, 추가 개선사항까지 적용하며 아주 바쁜 일주일을 보냈다. A가 좋다는 피드백과 A가 별로였다는 피드백 등 피드백 내용들을 보며 유저의 입맛은 정말 다양하구나 라는 것을 느꼈다. 꼭 필요한 개선 사항들은 개선하고, 유저의 취향에 따라 갈리는 디자인이나 ux적인 부분은 피드백 비율과 팀원들의 협의하에 수정 혹은 개선의 방향으로 진행되었다. 다행인 건, 우리가 받은 피드백 대부분이 유저의 취향을 타는 내용들이어서 크게 기능 변경이 필요하다거나 하는 부분은 없었고, 내부 테스트로.. 공감수 1 댓글수 0 2023. 3. 13.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.