내일배움캠프/본캠프 TIL

TIL 36일차

UXUI0 2024. 12. 23. 23:59

TIL (Today I learned)

 

 오늘 나는 무엇을 했나요

-JAVA 스크립트 문법 종합반 1주차

- UX집중반


오늘은 어떤 것을 배웠나요

 

-JAVA 스크립트 문법 종합반 1주차

 

오늘부터 자바 스크립트 문법 강의를 듣기 시작했다.

자바 역사 언어 특징등을 배웠고 특징중에선 객체 지향 프로그래밍과 클라이언트측 및 서버측 모두에서 사용가능하다는 특징이 제일 머리에 남았다.

 

객체 지향 프로그래밍을 알기전에 절차지향부터 말하자면 절차지향은 말그대로 첫번째 일부터 순서대로 n번일까지 프로그램을 만드는것이고 객체지향은 데이터와 함수를 객체라는 그룹으로 묶어서 처리를 하는식으로 필요한 객체를 만들어서 필요할때마다 재사용할수있다!

 

 

기본문법에는 가장 기초가 변수와 상수를 배웠다.

먼저 변수는 재사용하기 위한 기능이다.

먼저 5가지 주요개념이다.

 

변수 이름 : 저장된 값의 고유 이름

변수 값 :변수에 저장된 값

변수 할당 : 변수에 값을 저장하는 행위

변수 선언 : 변수를 사용하기 위해 컴퓨터에 알리는 행위

변수 참조 :변수에 할당된 값을 읽어오는것
그다음 변수는 세가지방법으로 선언가능한데 그 방법은 아래와 같다.

 

var let const와 그 차이점
1.var만 같은 이름의 변수를 여러번 선언해도 오류발생안하고 가장 마지막에 선언한 값으로 변수가 덮어씌어짐

2.var, let은 같은 변수에 다른값을 재할당해도 오류가안뜨지만 const는 같은 변수에 다른값을 재할당하면 오류가 뜸

가장 중요한것

1. 변수는 재사용하기 위한 기능

2.변수의 5가지 주요개념

3.Var,let,const 차이점

 

다음 데이터 타입과 형 변환이다.

먼저 데이터 타입에는 숫자,문자열,불리언,undefined,null,객체(Object),배열(Array)가 있고 숫자에도 여러종류가 있고, 문자열에도 여러 기능이있다.

 

먼저 숫자는 정수, 실수, 지수,NaN,infinity,-infinity가 있는데 정수,실수,지수는 수학에서 했던 개념이고,

NaN은 Not a Number로 자바스크립트에서 숫자가 아님을 나타내는 값으로. 보통 수학적으로 정의되지 않는 계산을 수행하거나, 숫자가 아닌 값을 숫자로 변환하려고 할 때 발생한다.

다음 인피니티는 말그대로 무한으로 만약 1/0을 한다면 결과값으로 인피니티로 나오고 -1/0으로 할시 -인피니티로 결과값이 나온다.

 

다음 문자열은 작은따옴표나 큰따옴표로 감싸야한다.

문자열로 할수있는 기능이 많다.

1.문자열 길이 확인

2.문자열 결합

3.문자열 자르기

4.문자열 검색

5.문자열 대체

6.문자열 분할

이 기능들로 나중에 다른 기능들과 함께 사용을 한다.

 

다음 불리언은 참과 거짓을 나타내는 데이터 타입으로 이것도 중요하다.

예를 들어, "오늘 비가 오나요?"라는 질문에 대해 "네, 비가 옵니다"는 참이고, "아니요, 비가 오지 않습니다"는 거짓이다.

 

이 불리언 데이터 타입은 조건문(if, else, switch 등)과 논리 연산자(&&, ||, !)와 함께 많이 사용이 된다!

예시로

조건문 (if, else):
조건문은 어떤 조건이 참인지 거짓인지에 따라 프로그램이 어떻게 행동할지를 결정한다.

예를 들어, "만약 날씨가 좋으면 소풍을 간다"라고 할 때, 날씨가 좋다는 것이 참이면 소풍을 가고, 거짓이면 소풍을 가지 않는 것이다.


논리 연산자 (&&, ||, !):
논리 연산자는 여러 개의 불리언 값을 결합하여 더 복잡한 조건을 만든다.
예를 들어:
AND 연산자 (&&): "오늘 날씨가 좋고(참) 주말이다(참)"일 때만 소풍을 간다고 할 수 있다. 여기서 두 조건이 모두 참이어야 전체 조건이 참이다.
OR 연산자 (||): "오늘 날씨가 좋거나(참) 친구가 놀러 온다(참)"면 소풍을 간다고 할 수 있다. 이 경우 하나의 조건만 참이어도 전체 조건이 참이다.
NOT 연산자 (!): "날씨가 나쁘지 않다"는 "날씨가 좋다"라는 뜻이다.. 즉, 거짓을 반대로 바꾼다.

또 데이터타입에는 객체와 배열이 있는데 이것은간단히 말하면 객체는 속성과 메소드를 가지는 컨테이너이고, 배열은 여러 개의 데이터를 순서대로 저장하는 데이터 타입이다.

 

또 형 변환으로 암시적 형 변환, 명시적 형변환이있는데

쉽게 말하면 암묵적 룰 처럼 자동으로 자바스크립트가 변환해주는 기능이고

명시적형변환은 개발자가 직접 변환하는것이다. 여기에는 문자열, 숫자,불리언변환이 있고

암시적은 문자열+다른 자료형은 무조건 문자열로 변환되고

숫자+문자열은 숫자로 변환이 된다.

불리언은 딱봐도 false처럼 생긴 0 "" null등은 false로 반환하고 그외의 값이 있거나 true느낌이 오는것은 true로 변환된다.

console.log(1 + "2");   // "12"
console.log("1" + true);   // "1true"


console.log(1 - "2");   // -1
console.log("2" * "3");   // 6
console.log(4 + +"5");   // 9

console.log(Boolean(0));   // false
console.log(Boolean(""));   // false
console.log(Boolean(null));   // false

 

명시적형변환에도 문자열변환이있는데 이것은 직접 변환해주는만큼 값을 변환해주려는 자료형으로 감싸야한다.

console.log(String(123));       // "123"
console.log(String(true));      // "true"
console.log(String(false));     // "false"

 

 

자바스크립트에도 연산자 즉 사칙연산이 있고 여기에는 나눈후 나온 몫을 구하는 연산자도 있다.

더하기는 말그대로 더하는 연산자고 이때 아까 배운것처럼 숫자와 문자열함께사용하면 문자열로 변환된다.

빼기,곱하기,나누기,나누기 몫은 더하기와 달리 숫자와 문자열함께사용하면 숫자로 변환된다.

 

사칙연산다음에는 할당연산자 즉 등호 연산자가 있고 그외 사칙연산과 결합된 연산자가있다.

먼저 다 개념은 동일하다 +=이든 -= 이든 *=이든 /=이든 %=이든 전부 오른쪽에 있는값으로 계산이 되는것이다.

덧셈으로 예시를하자면 아래와같다.

let x = 10;
console.log(x);   // 10

x += 5;
console.log(x);   // 15

 

다음 비교 연산자로 여기에는 일치, 불일치 ,크거나(같다), 작거나(같다)가 있는데

먼저 수식으로는 ===, !==, < , > , <=, >=로 사용방법은 값사이에 수식을 넣는것으로 여기에는 참과 거짓의 결과가 나온다!

 

 

- UX집중반

오늘부터 UX집중반이 시작됐고 간단한 발제후 리서치를 하였다.

발제에서는 리서치하는 방법과 이유 목적등을 설명해주셨고, 일정을 설명해주셨다. 

 

발제에서 더블다이아몬드 모형도 설명해주셨는데 저번에 배운것이지만 다시 복습하는겸 메모를 하였다.


1.더블다이아몬드 모형
Diverge는발산하는 단계이다보니 여기선 질보다 양이 중요하고
Converge는 수렴하는단계이니 많은 양보다 필요한 질이 중요함
이 두단계는 모든단계에서 여러번 사용할수있다.

자 이제 첫번째 다이아몬드의 Discover 단계에서는 문제를 발견하고 이해하는 단계
그래서 최대한 많은 정보를 수집해야해
Define 단계에서는 그중에서 집중해서 해결해야할 문제를 정의하는 단계

자 이제 두번째 다이아몬드의 Develop 단계에서는 앞에서 해결해야할 문제에 대한 아이디어을 최대한 많이 고민을 하기
DELIVER은 다양한 아이디어에서 솔루션을 도출하고 그것을 디자인으로 구현하는것그후 UT를 통해서
이것이 옳은 방향으로 나가고있는지 피드백을 받고 계속 개선을 하는 단계이다.

그후 발제를 마치고 팀원들과 모여 리서치를 진행했다.

 

우리는 쏘카를 맡았고 나는 그중에 VOC쏘카서비스분석을 맡았다.

쏘카 서비스분석에서는목표 비전 강점 약점정도는 원래 리서치를 했었는데

발제에서 서비스에 대한 이해도 강화에는 사용자와 이해 관계자도 있고 이것은 우리 서비스와 연결되어 있는 모든 사람들을 파악하는것이라고 배웠다.

즉 (직접관계자와 간접관계자, 수요자와 공급자) -> 사용자를 이해하기 위한 수단으로 사용할 수 있다.

 

일단 먼저 VOC를 리서치를 시작했다.

하지만 시간이 얼마 남지않아 리서치를 조금 하다가 끝이났다.

늘은 어떤 문제를 겪었고, 앞으로는 어떻게 해결할 것인가요

오늘은 코딩을 진행하면서 아직 이해가 안가는것은 한번 빠르게 훑고 다시 보면서 복습을 해야겠다.

그리고 계속 따라치는 습관을 들이면서 손에 익혀야 빨리 배울수있는것 같다.

'내일배움캠프 > 본캠프 TIL' 카테고리의 다른 글

TIL 38일  (1) 2024.12.26
TIL 37일  (8) 2024.12.24
TIL 35일차  (1) 2024.12.19
TIL 34일차  (1) 2024.12.18
TIL 33일차  (1) 2024.12.17