B대면 노래방 | 211208

#room list에서 room간 간격 띄우기

적당한 간격 맞춰서 6px로 입혀주었다. css 형식 몰라서 이걸로 한 5분 썼다. ㅎㅎ

//roomlist.js 7번 line
//div에 style 걸어서 margin 주기

    <div style={{marginTop:"6px";}}>

 

 

 

 

#room list에서 'room_' 없이 바로 방제만 띄우기

javascript에서 문자열 자르는 방법을 알아야 했다. 파이썬처럼 그냥 [5:] 이런식으로 슬라이스 시도했다가 틀려서 구글링 했다.

https://gent.tistory.com/414

[JavaScript] 문자열 자르기 (substr, substring, slice)

slice나 substr나 같은 듯 한데 나는 slice를 사용했다.

 

roomlist.js에서 roomname을 가져올 때 slice를 사용하여 'room_' 이후 부터 나오도록 설정하였다. (5번 인덱스 문자열부터 나오도록)

//roomlist.js

import React from 'react';

function Room({ room, onEnter }) {
  return (
    <div style={{marginTop:"6px"}}>
      
        {room.roomname.slice(5)}

 

왼쪽 사진이 slice 전, 오른쪽 사진이 slice 후.

slice 전에는 room_tes라고 뜨는데 slice 후에는 tes 라고 방 제목만 뜬다.