• 상품 상세 페이지에서 카테고리를 눌러 목록 페이지로 이동하려는 상황
• 같은 상위 카테고리에서 다른 하위 카테고리를 누를 땐 문제 없음

내가 생각했던 상황: 로딩 → 리스트 렌더링

문제: 로딩 → 이전 리스트 렌더링 → 최신 리스트 렌더링

상황 순서

상세 상품의 카테고리는 음료, 청량/탄산음료 라고 가정(상위,하위) 눌린 카테고리는 스낵 카테고리(상위)

1. 청량/탄산에서 특정 상품 상세 페이지에 있는 상태
2. 스낵 카테고리를 누름
3. 파라미터가 parentId=스낵&categoryId=청량/탄산 로 먼저 이동
4. 청량/탄산 먼저 렌더링됨
5. 이후에 parentId=스낵&categoryId=쿠키로 변경
6. 최신 파라미터 기준 렌더링

🧐 분석

분석에 앞서

• 상위 = parentId, 하위 = categoryId
• 상위, 하위 카테고리에 대한 컴포넌트, api 각각 존재 -> 상위 카테고리가 정해져야 하위 카테고리 렌더링됨
• 상위 카테고리 변동시, 처음에 하위 카테고리 리스트 첫 요소를 디폴트값 초기화

분석 과정

• 상위 변경 시 하위 카테고리 초기화(하위 첫 번째)까지 시간이 걸림
• 그 사이 parentId 변화 replace로 기존 하위 카테고리에 따라 렌더링(상황3번)
• 카테고리 변화를 담당하는 함수(handleCategory)에서 해결하기로 생각

🧩 해결

해결해야 할 부분

    // 기존 handleCategory
const handleCategory = (level: 'parentId' | 'categoryId', value: string) => {

  const newParams = new URLSearchParams(searchParams.toString());
    newParams.set(level, value);

    if (pathName.includes('detail')) {        // 요놈이 문제다
      router.push(`/productList?${newParams.toString()}`);
    } else {
      router.replace(`?${newParams.toString()}`);
    }
  };

if(detail) 부분을 바꾸자

리팩토링

    // 리팩토링 코드
const handleCategory = async (
    level: 'parentId' | 'categoryId',
    value: string,
  ) => {
    const newParams = new URLSearchParams(searchParams.toString());
    newParams.set(level, value);


    if (pathName.includes('detail')) {        // 상세 페이지일 때
      if (level === 'parentId') {        // categoryId일때는 문제가 없기에 parentId 일때만 추가
        const sub: Category[] = await fetchApi(`/categories/parents/${value}`, {
          method: 'GET',
        });                        // sub: 하위 카테고리 리스트
        const initCategoryuId = sub[0].id;    // 변수 네이밍 오탈자 양해 부탁드립니다
        newParams.set('categoryId', initCategoryuId);
      }
      router.push(`/productList?${newParams.toString()}`);
    } else {
      router.replace(`?${newParams.toString()}`);

replace 전에 하위 카테고리를 패칭해주고, 거기서 첫 번째를 파라미터에 넘기기. 하위 카테고리까지 newParams에 담고 replace해주기.

기존: 상위 클릭 -> replace(상위만) -> 하위 api 패칭 -> 문제 상황 -> 하위 첫 번째 카테고리 초기화 -> replace(하위만) -> 최신 렌더링

리팩토링: 상위 클릭 -> 하위를 먼저 api 호출 -> replace(상위,하위 모두) -> 최신 렌더링

➕ 추가

더보기 버튼을 누른 상태에서 다른 상위 카테고리를 눌렀을 때도 같은 문제 발생

why?

정렬, 카테고리는 파라미터로 관리하면서, page는 상태로 관리했던 게 문제

how

page도 파라미터로 넘겨주기

서버 컴포넌트도 아닌데 fetch만 사용했던게 패착 그냥 react-query 사용할 걸 그랬다.. 설계를 잘 합시다

• section: 영역들(큰 주제)를 논리적으로 그룹화해서 분리하는 역할.
  article의 집합소가 될 수 있음

  제목이 필수값이기에 어떤 문장에 <h>를 사용해야할지 생각해 봐야겠다

• article: 문서내에서 그룹화해서 분리하는 역할, 내용이 독립적임

  독립적이라는 것은 특정 맥락에 국한되지 않고 다른 곳에서 참조되거나 링크될 수 있음을 의미
  ex) 블로그 포스트 ,뉴스 기사

• div: 논리적인 관계 없이 그룹화하거나 디자인을 위해 사용

<section class="section1">
        <div class="section1_block">
          <div class="section1_title_layer">
            <div class="section1_title">
              일상의 모든 물건을
              거래해 보세요
            </div>
            <div class="show-btn">
              <a href="/items.html" class="btn-font">구경하러 가기</a>
            </div>
          </div>
          <div> 
            <img src="img/panda.png" alt="panda img" class="section1_image">
          </div>
        </div>  
      </section>

이건 마켓 랜딩 페이지를 만들고 있는 내 코드의 일부분이다 여기서 section1_title_layer를 포함하는 태그를 div가 아닌 article로 쓰는게 더 좋을 것 같다

목적에 맞는 네이밍

추가적으로 이 파일에서 section에 사용될 클래스 이름들을
단순히 section1,2 이런식으로 뒤에 숫자만 붙혀서 표기하였다. 앞으로 이런 점들을 조심히 하고, 클래스의 목적에 맞게 이름을 설정할 수 있도록 해야겠다 클래스이름 뿐만 아니라 파일 이름들도.

CSS 속성: word-break

https://developer.mozilla.org/ko/docs/Web/CSS/word-break mdn 공식문서에 있는 word-break에 대한 설명이다.

html말고 CSS에서도 줄바꿈을 제어할 수 있다 단순히 html로 요소를 제어하는 것 뿐만 아니라 css로도 원하는 대로 표현하는 것이 중요할 것 같다 위 코드에서도 나는 기존에 <br>태그로 나눴었지만, 문서를 보고 class에 속성을 추가하여 적용해보았다

.section1_title {
  width: 70%;
  font-weight: 700;
  font-size: 40px;
  line-height: 56px;
  word-break:break-all;
}

원래 width가 없었지만 내가 원하는 대로 줄바꿈이 안 되어 width도 곁들여 주었다

CSS는 좀 까다롭다. 롤 끊고 그 시간에 공부해야지

CSS: Cascading Style Sheets Cascading = 폭포, 계단식

딘어의 뜻에서 유추할 수 있듯이 계층이라는 속성을 가졌다고 볼 수 있다

스타일 적용 고려 대상

• 우선 순위

1. CSS 중요도

   프로그래머 > 사용자 > 브라우저

2. 명시도

   인라인 > id > 클래스 > 태그

   (적용 범위가 좁을수록 우선 순위가 높음)

3. 코드 순서

   나중에 온 속성이 우선 적용

• 상속

  부모 요소의 스타일을 자식 요소가 물려 받음

Q2. 시맨틱 태그를 사용하는 이유

semantic = 의미론적인

시맨틱 태그는 태그 내용에 의미를 부여하는 태그

이점?

• 구조 파악에 용이하다 (header, main, footer 등등)
  • 가독성 향상에도 도움이 될 수 있음
• SEO 향상
  • 검색 엔진에서 웹사이트 순위에 영향을 줌

판다마켓이라는 임의의 사이트 디자인을 만들어 보게 되었다 디자인은 figma를 통해 주어졌다 기본 요구사항은 모두 충족하는 것 같고, 심화 요구사항은 아직 내가 html,css에 익숙하지 않아서 손을 대지 않았다 1학기때 웹프로그래밍 수업 열심히 들을 걸...

아직 프론트 지식이 많이 부족하지만 생각보다 훨씬 재밌는 것 같다 그래도 손에 익고 있어서 금방 활용할 수 있을 것 같다

배포는 netlify를 통해서 배포하였다 미션1 제출물

앞으로는 내가 부족했던 부분과 그 부분을 어떻게 해결하려고 하였는지를 벨로그에 차근차근 작성해 나갈 예정이다

HTML

          <div> 
            <img src="img/panda.png" alt="panda img" class="section1_image">
          </div>

CSS

처음에는 figma사이트에 주어진 레이아웃 양식을 그대로 사용하였다 width,height 등등의 값들을 고정값으로 사용하니 브라우저 크기가 크거나 작아질 때, 요소들의 크기도 변화가 되어야 했는데 변하지 않았었다 그래서 일부분을 제외하고는 코드를 싹 다 지우고 새로 짰다

.section1_image {
  max-width: 100%;
  height:auto;
  position: relative;
  top:4px;
}

아직은 기초이기에 애를 먹는 코드는 없었지만 유용하게 사용할 것 같은 부분이다 내 코드는 원래 width:100%, height:고정값(ex: 100px)을 입력해뒀었다 그렇게 하니까 브라우저 사이즈에 변화가 생길 때, 사진의 가로 사이즈만 들쭉날쭉해져서 보기 흉한느낌?이 들었다, 그러다가 서칭을 통해 height:auto를 적용하였고, 덕분에 이미지 사이즈의 가로 세로 비율을 자동으로 맞춰줄 수 있게 되었다 너비부분은 그냥 width:100%를 사용해도 될 것 같다

css 파일에 250줄 정도가 적혀있다 중복되는 부분은 자바 인터페이스 느낌으로 사용할 수 있게 하면서 코드를 줄이긴 했는데 아직 내 코드가 효율적인 코드인지는 모르겠다 계속 코딩하다 보면 알게 되겠지

오늘의 회고록은 여기서 끝

System.out.print("정수 입력:");
int i = sc.nextInt();
System.out.print("문자열 입력:");
String s = sc.nextLine();

System.out.println("int = "+ i);
System.out.println("String = "+ s);

이런식으로 결과값이 나온다 이 코드는 버퍼에 개행 문자가 남아서 엔터가 nextLine에 입력된 것이다

nextLine은 분리자(개행 문자)까지 문자열로 가져옴

• 읽어올 때 분리자까지 읽음 -> 버퍼에 아무것도 남지 않음

nextLine을 제외한 나머지는?

• next나 nextInt는 분리자를 제외하고 읽어옴 -> 버퍼에 분리자가 남게 됨 -> 이 메소드 다음에 nextLine이 오면, 남아있던 분리자가 nextLine에 읽어지는 것.

버퍼 비우는 법

• 문자열 입력 받을 nextLine 앞에 nextLine을 또 하나 넣어주면 됨

System.out.print("정수 입력:");
int i = sc.nextInt();
sc.nextLine();            //문자열 입력 전, 개행 문자 받을 nextLine 추가

System.out.print("문자열 입력:");
String s = sc.nextLine();

System.out.println();
System.out.println("int = "+ i);
System.out.println("String = "+ s);

• 추상 클래스는 클래스들의 공통된 본질을 구현(건물 기초 설계도)
• 인터페이스는 추가하고자 하는 기능만을 구현(특수 기능)

오버로딩과 오버라이딩의 차이?

오버로딩은 한 클래스 내에서 같은 이름으로 다른 메소드를 만듦

• 메소드의 파라미터 타입이 다르거나, 갯수가 달라야함
• 상속과 관련 없음

일부 코드로 예시를 보자

public class Ex {
    public int add(int a,int b) {
        return a + b;
    }

    public double add(double a, double b) {        //파라미터 타입이 다름
        return a + b;
    }
}

오버라이딩은 상속 받은 클래스 내에서 입맛에 맞게 변경하는 것

• 슈퍼 클래스의 메소드와 서브 클래스의 파라미터와 반환값까지 일치해야함. 내용만 다름

public class Unit {
    int hp = 0;

    public void printUnit(int hp) {
        System.out.println("기초 유닛입니다");
                System.out.println("HP" + hp);
    }
}

class Npc extends Unit {        //상속 받고, 
    int hp = 100;

    public void printNpc(int hp) {        //파라미터 타입, 갯수 모두 일치
        System.out.println("Npc 유닛입니다");
                System.out.println("HP" + hp);
    }
}

오버로딩과 오버라이딩 둘 다 다형성을 구현한다는 점은 공통점임

문자열 메소드 equals, compareTo 차이?

얘네는 모두 단순 값을 비교함 equals(): 같다, 다르다만 비교 compareTo(): 작다, 같다, 다르다

문자열 변수 참조 비교

String str1 = new String("java");
String str2 = new String("java");
String str3 = "java";
String str4 = "java";

str1 == str2는 false

• 얘네는 객체 참조여서 주소 비교

str3 == str4는 True

• 얘네는 리터럴이므로 값 비교. 같은 리터럴 테이블 공유

packet loss와 delay의 발생

input link를 통해 들어오는 속도가 output link를 통해 나가는 속도보다 빠를 때 발생

• 라우터에는 Input link 와 output link가 존재 -> 이를 통해 패킷 이동

사진처럼, 속도 차이로 패킷은 버퍼에서 자신의 턴을 기다리면서 queueing delay 발생

그리고 버퍼가 다 쌓이면 loss 발생

Packet delay 4요소

processing rate의 경우, 일반적으로 매우 작아서 포함 X

queueing delay: 버퍼(큐)에서 기달리는 시간

transmission delay: 비트들이 Output link에 올라가는데 걸리는 시간

• 패킷은 또 여러 비트들로 이루어져 있음

propagation delay: output link를 통과하는데 걸리는 시간

trans와 prop은 매우 다르다는 걸 유의

packet delay 예시를 보자

간단한 예시를 살펴보자 car가 비트, caravan이 패킷을 의미 부스 통과 시간 = 10대 x 12초 = 120초(2분) propagation 시간 = 100km / 시속 100km = 60분 2 + 60 = 62 min

La = input link, R = output link라고 볼 수 있다

Packet loss

큐의 크기는 유한함

큐가 꽉 차고 손실이 발생하면, 손실된 패킷은 이전 노드에서 다시 전송되어야 함

Throughput

비트 전송 속도를 의미함

bottleneck link: 느린 전송속도가 end-end throughput을 결정함 Rs < Rc -> Rs Rs > Rc -> Rc

Security

Malware

맬웨어는 악성 소프트웨어를 의미

malware can get in host from: • virus: self-replicating infection by receiving/executing object (e.g., e-mail attachment) • worm: self-replicating infection by passively receiving object that gets itself executed

Denial Of Service

Packet Sniffing

패킷 스니핑: 패킷의 정보를 빼오는 것

• 패킷 스니퍼라고 해서 패킷의 정보를 볼 수 있는 프로그램이 있음 ( 와이어샤크)

IP Spoofing

IP 스푸핑: 공격자가 허위 IP 주소를 보내는 것

Protocol layers, service models

네트워크는 매우 복잡하다 -> 구조를 만들고 조직화할 수는 없을까?

이래서 등장한게 layer다 layer는 각 레이어마다 서비스를 제공한다

Why layering?

복잡한 시스템을 다룰 수 있음

• 명확한 구조가 식별과 복잡한 시스템들의 관계를 보여줌
• 유지와 시스템 업데이트가 쉬움

Internet protocol stack

프로토콜들을 계층적으로 조직화한 것이 레이어임

application 레이어를 세분화하여 presentation, session 레이어 추가

source에서는 헤더파일들을 추가해 나가고, destination에서는 헤더파일들을 빼나감

application, transport 레이어는 source와 destination에만 있으면 됨

interconnected router들로 이루어져 있음

host가 메세지를 packet으로 쪼갬

Packet-switching: store-and-forward

Transmission delay = L/R

Store and Forward 방식

• router로부터 경로를 할당 받고 다음 link로 이동해야 하기 때문에 저장하고 이동함

end-end delay = 2L/R (assuming zero propagation delay)

ex) L = 10 Kbits, R = 100 Mbps one - hop transmission delay = 0.1msecs ( 1msec = 1/1000 msec)

packet-switching: queueing delay, loss

Packet queueing and loss 버퍼에 도착하는 속도(arrival rate)가 전송 속도(transmission rate)보다 빠르면 발생

패킷은 output link로 전송되기를 기다림

라우터 속 버퍼(메모리)가 꽉 차면 패킷 손실이 발생할 수 있음

Network core의 두 가지 기능

Forwarding local action output link를 결정하는 기능

Routing global action 목적지 경로를 결정하는 기능

Circuit Switching

출발지와 목적지 사이에 경로가 정해져 있음(call) -> delay, loss 완화 But, bandwidth도 고정되어 있음

dedicated resources: no sharing -> 간섭이 없다

call이 없어도 Idle 상태를 유지 -> 낭비

주로 전화망에서 사용

• 누군가와 통화를 하고 있으면, 다른 사람이 그 사람에게 통화 불가

Circuit Switching: FDM and TDM

Frequency Distribution Multiplexing(FDM)

주파수를 분리하여 동시 전송 정해진 band 만을 사용

Time Division Multiplexing (TDM)

slot을 시간으로 분리

4명의 유저가 사용하고 있으므로, 5명일 때 1명은 사용 불가

Packet Switching vs Circuit Switching

패킷 스위칭이 많은 유저가 이용 가능하므로 효율성이 좋음

패킷 스위칭의 장점

난잡한 데이터(bursty data)에 유리

• 누군가 사용 안 할때 다른 유저가 사용 가능(resource sharing)
• 간단하고, call setup이 필요 없다R

패킷 스위칭의 단점

queueing delay와 loss

• reliable data transfer, congestion control가 필요

bandwidth 보장이 필요할 때 보장이 안 됨(오디오, 비디오)

결론은?

Circuit Switching

• real-time-traffic에 유리하다(전화 같은 것들)
• Constant and predictable end-to-end delay

Packet Switching

• bandwidth 공유하는 상황에서 유리하다
• 더 간단하고, 효율적이고, 비용이 덜 든다

Internet Structure: network of networks

호스트들은 access internet service provider(ISP)를 통해 인터넷에 연결됨

Access ISP 들은 서로 연결되어 있어야 함

• 그래서 서로 다른 호스트가 서로에게 패킷 전송 가능

network of networks 는 매우 복잡함

Q: 수 많은 access ISP들이 그들끼리 서로 연결되어 있다면? A: 연결이 너무 많아서 불가능

Q: 중간에 하나의 global ISP가 존재하면? A: 하나로 전세계를 관리하기도 힘듦

Q: 여러 ISP가 존재하면? ( Access ISP 와 ISP는 다름) A: 어느 하나로 집중될 수도 있음

그러면 어떻게?

IXP(Internet exchange point)를 연결해주자 IXP는 ISP끼리 연결시켜주는 라우터

Peering : ISP끼리 서로 연결하는 것

access net을 ISP와 연결시켜주는 regional ISP도 있음 regional ISP는 access net에게 비용을 받고, regional ISP는 ISP에게 비용을 줌

Content provider network 라는 것도 있음 이건 자체적으로 그들만의 데이터 센터가 있음 network를 만들고, 직접 연결함

• 구글, 마이크로소프트 등등 자체 서비스를 제공
• 서비스 제공할 땐, ISP와 연결

이 그림을 보면 쉽게 이해할 수 있다 content provider network는 private network

POP은 네트워크 서비스 제공 업체가 사용자에게 서비스를 제공하기 위해 설치한 장소

• 보통 중심부에 설치된다고 함

nuts and bolts view (구성요소 관점)

수 많은 devices 로 이루어짐

• hosts = end systems
• running network apps at Internet’s “edge”

패킷 스위치(packet switch)

Communication links

Networks

Internet : network of networks

• Interconnected ISPs

Protocols are everywhere

• 메시지 전송, 받음을 컨트롤
• e.g., HTTP (Web), streaming video, Skype, TCP, IP, WiFi, 4G, Ethernet

Internet Standards

• RFC: Request for Comments
• IETF: Internet Engineering Task Force

Service view (서비스 관점)

application을 위한 서비스를 제공하는 infrastructure

• ex) web, email, streaming video 등등

distributed application을 위한 프로그래밍 인터페이스 제공

What is Protocol?

주고 받는 메세지의 포맷과 순서. 그에 따른 행동들을 의미

Network structure

Network Edge

host: clients and Servers server는 종종 데이터 센터에 있음

호스트는 packet을 보냄

• 파일을 packet이라는 작은 청크로 쪼개고, access network로 전송함

packet transmission delay = L/R length = L, transmission rate = R

Access Network, physical media

wired, wireless communication links -> transmission rate(전송 속도) 를 볼 수 있음

Network Core

interconnected router, network of networks

오늘은 메서드에 대해 알아보고 간단히 계산기를 만들어보았다 메서드란 우리가 c언어에서 사용하는 함수와 같은 의미이다 java에서는 전부 메서드로 통일하고 사용하는 것 같다

대략적인 그림은 숫자를 입력받고 해당 숫자에 해당하는 사칙연산을 수행하는 프로그램을 만드는 것이다. 그런데 코드를 보면 showMenu() 이후 nextInt가 아니라 next().charat(0)을 받았다. 이건 혹여나 메뉴 입력받을 때 문자가 오는 것을 방지하기 위해 설정해준 코드이다.

• *자바에서 문자를 입력하는 방법은 문자열로 입력받고 char로 바꿔야한다고 한다. 그래서 next()나 nextline() 뒤에 charat()을 붙이고 매개변수에 인덱스를 입력해주면 된다. ex) charat(0)이면 0번째 인덱스, charat(3)이면 3번째 인덱스 *

import java.util.Scanner;

public class MyCalculator {
    public static void main(String[] args) {
        Scanner sc = new Scanner(System.in);

        while(true) {
            showMenu();

            char myChar = sc.next().charAt(0);
            if(!checkNum(myChar)) {
                System.out.println("메뉴를 잘못 선택했습니다.");
                continue;
            }
            int num = myChar - '0';

            if(num == 0)break;
            if(num > 4) {
                System.out.println("메뉴를 잘못 선택했습니다. ");
                continue;
            }

            System.out.print("첫 번째 숫자:");
            int num1 = sc.nextInt();

            System.out.print("두 번째 숫자:");
            int num2 = sc.nextInt();

            if(num==1)addNum(num1,num2);
            else if(num==2)minusNum(num1,num2);
            else if(num==3)multiplyNum(num1,num2);
            else if(num==4)divideNum(num1,num2);
        }

        System.out.println("계산기를 종료합니다.");
    }

    public static void showMenu() {
        System.out.println("메뉴를 선택하세요.");
        System.out.println("1. 더하기 ");
        System.out.println("2. 빼기 ");
        System.out.println("3. 곱하기 ");
        System.out.println("4. 나누기 ");
        System.out.println("0. 끝내기 ");
    }

    public static void addNum(int num1, int num2) {
        int result = num1 + num2;
        System.out.println(num1 + " + " + num2 + " = " + result);
    }

    public static void minusNum(int num1, int num2) {
        int result = num1 - num2;
        System.out.println(num1 + " - " + num2 + " = " + result);
    }

    public static void multiplyNum(int num1, int num2) {
        int result = num1 * num2;
        System.out.println(num1 + " * " + num2 + " = " + result);
    }

    public static void divideNum(int num1, int num2) {
        int result1 = num1 / num2;
        System.out.println(num1 + " / " + num2 + " = " + result1);

        int result2 = num1 % num2;
        System.out.println(num1 + " % " + num2 + " = " + result2);
    }

    public static boolean checkNum(char ch) {
        if(ch >= '0' && ch <= '9')return true;
        else return false;
    }
}

성공적으로 잘 수행했다 아, 그런데 C언어에서 겪어던 착오를 겪었다 c언어를 했을 때, 문자가 아닌 자료형을 입력받고, 문자나 문자열을 입력받으면 앞에서 입력받고 개행문자인 엔터(\n)가 문자 입력받을때의 배열로 들어가 버퍼가 발생하는 경우가 있어서 getchar()로 해결했던 경우가 있었다 이번에 자바 공부를 하면서도 이런 경우가 발생했었다 교안에서는, nextline().charat(0)을 입력하라했지만 그렇게 하니까 빨간 줄이 그어졌다. 그래서 찾아보니 c언어 상황과 같은 상황이었다 코드를 살펴보면 myChar를 next().charAt(0)으로 입력 받는다 이후, 숫자 두개를 입력받고 다시 next().charAt(0)를 수행하므로 성공적이다 근데 만약, myChar를 nextLine().charAt(0)으로 입력 받는다면? 첫 번째 사칙연산할 때 두 번째 숫자를 받을 때 문제가 발생한다 두 번째 숫자를 받고 엔터를 칠 때, 그 엔터가 nextLine()에 넘어가고, nextLine()은 엔터로 작동하기에 엔터를 담고 버퍼가 걸린다 그래서 nextLine이 아니라 next로 입력을 받아주었다, 아니면 두 번째 nextInt()를 입력받고 sc.nextline()를 다음 줄에 입력해줘도 된다. 그러면 바로 엔터를 받고 버퍼에서 지우기 때문이다

이상 끝.

입력

입력은 Scanner 클래스를 이용한다 C언어에서는 그저 Input()을 사용하면 됐지만, 다른 걸 사용하니 생소했다 우선 Scanner 클래스를 사용하기 위해 import를 하여 가져와야 한다 import 하는 것은 파이썬에서 자주 해서 익숙했다 그후 Scanner 객체를 생성하고 변수에 지정해주면 된다 객체 생성할때 System.in 를 반드시 해주어야 한다 이것도 시스템 입출력 메소드 인듯 그리고 그 변수로 함수를 사용하면 된다 예시로 익히는게 빠를 것 같다

import java.util.Scanner;

public class Ex02_Scanner1 
{
    public static void main(String[] args)
    {
        Scanner sc = new Scanner(System.in); // Scanner 객체 생성

        System.out.println("숫자를 1 2 3 이렇게 입력하고 엔터를 입력하세요."); 
        int num1 = sc.nextInt();    //nextInt로 정수 입력받기, Int에서 i 대문자로 써주기
        int num2 = sc.nextInt();
        int num3 = sc.nextInt();

        System.out.println("숫자를 1 입력하고 엔터를 입력하세요.");
        int num4 = sc.nextInt();
        System.out.println("숫자를 2 입력하고 엔터를 입력하세요.");
        int num5 = sc.nextInt();
        System.out.println("숫자를 3 입력하고 엔터를 입력하세요.");
        int num6 = sc.nextInt();

        System.out.printf("%d %d %d %d %d %d", num1, num2, num3, num4, num5, num6);
    }
}

이건 두 번째 예시다 Scanner 클래스에는 nextInt 말고도, next, nextline 등이 있다

• sc.next(): 입력 값을 버퍼에 넣고 공백(스페이스)나 탭으로 구분
• sc.nextline(): enter가 입력될 때 한번에 줄 단위로 입력 받음

import java.util.Scanner;

public class MyMain
{

    public static void main(String[] args)
    {
        Scanner sc = new Scanner(System.in);

        System.out.println("홍길동 전우치 손오공 이렇게 입력하고 엔터를 입력하세요.");
        String name1 = sc.nextLine();

        System.out.println("홍길동 전우치 손오공 이렇게 입력하고 엔터를 입력하세요.");
        String name2 = sc.next();
        String name3 = sc.next();
        String name4 = sc.next();

        System.out.printf("[%s] [%s] [%s] [%s]", name1, name2, name3, name4);
    }

}

오늘은 이걸로 끝 아직까진 C언어와 크게 다르지 않아서 쉽다 2학년때부터 할 걸 그랬다...☠️ 개강하면 열심히 살아야지

1. 클래스 이름의 첫 글자는 항상 대문자로 한다. -변수와 메서드의 이름의 첫 글자는 항상 소문자로 한다. 2. 여러 단어로 이루어진 이름은 단어의 첫 글자를 대문자로 한다. -lastIndexOf, StringBuffer 3. 상수의 이름은 모두 대문자로 한다. 여러 단어로 이루어진 경우 '_'로 구분한다. -PI, MAX_NUMBER

• 자바에서 문자열을 다룰땐 String을 사용하는데, 이것은 타입이 아니라 클래스다

아, 참고로 난 데이터의 길을 접고 백엔드로 갈거다. 이제 시작이지만, 남은 1년동안 열심히 해보자 방학동안 안 한게 후회된다 미련은 없다 사실 있다 미련