협업의 중요성?

1. html/CSS 약간
2. TimeZone 설정

오늘 공부하며 느낀 점
참조한 사이트

1. html/CSS 약간

1. 함수로 가져온 html에도 css가 적용된다.

<input id='xxx'> 의 내용물은 let content = $('#xxx').val();

<select class="form-select" id="star">
                    <option selected>-- 선택하기 --</option>
                    <option value="1">⭐</option>
                    <option value="2">⭐⭐</option>
                    <option value="3">⭐⭐⭐</option>
                    <option value="4">⭐⭐⭐⭐</option>
                    <option value="5">⭐⭐⭐⭐⭐</option>
                  </select>

같은 경우도 마찬가지다.

2. confirm의 경우 !를 붙이자

  if (!confirm('진짜로 삭제하시겠습니까?')) {
    alert('삭제가 취소되었습니다.');
    return false;
  }

3. map으로 붙일경우에는 .join('')을 쓰자
   document.querySelector('#reviewsList').innerHTML = reviews.join('');
   같은 식으로 마지막에 .join('')을 붙여야지 배열 형태의 데이터를 가져와서 붙일 때 , 가 생기지 않는다.

4. CSS 로 그림자 만들기

아래와 같은 방법으로 class에 그림자와 배경색을 넣을 수 있다.

.box{
  width:300px;
  height:300px;
  background:#C9BBCF;
  box-shadow:inset 5px 5px 7px #898AA6;
}

2. Time Zone 설정

• Sequelize에서 현재 시간 입력하기
  아래와 같은 방식으로 현재 날짜를 UTC 로 입력할 수 있다.

 const post = await Reviews.update(
      {
        deletedAt : Date.now(),

• 만일 한국 시간으로 입력하고 싶다면, 아래와 같이 sequelize 호출 과정에서 손을 봐야한다.

const sequelize = new Sequelize(DATABASE, USER, PASSWORD, {
    host: HOST,
    port: PORT,
    dialect: 'mariadb',
    timezone: 'Etc/GMT-9', // 여기.
    logging: false,
});

• 또는 아래와 같이 config.json에서도 설정 가능하다

"development": {
  "username": "유저이름",
  "password": "비밀번호",
  "database": "DB이름",
  "host": "127.0.0.1",
  "dialect": "mysql",
  "timezone": "+09:00"
},

생성, 수정 시간은 자동으로 만들어주지만, 특정한 시간을 기록하고 싶을 경우에 사용하면 유용할 것이라고 생각한다.

오늘 공부하며 느낀 점

1. VScode의 확장 프로그램인 Live Share를 사용해서 협업했는데 생각 이상으로 편했다. git으로 서로 주고 받을 필요가 없으며, demon으로 서버의 변경을 지속적으로 적용하면 서버를 계속 내렸다 킬 필요도 없었다.

2. 문제는 생각도 못한 곳에서 나온다. 이때까지는 forEach => 로 DB에서 가져온 값을 html에 붙였는데 map을 이용하니 마지막 값을 제외하면 끝에 ,가 붙었다.
   반복적으로 붙이는 html의 값에 ,가 있는가 엄청 찾았지만 없었고, 결국 map을 이용해서 = 배열을 붙였기 때문에 ,가 붙은 것이었다.

3. 실시간 소통의 중요성. 위의 문제를 혼자서라면 풀지 못했을 것이다. 하지만, Live Share를 키고 음성 채팅으로 서로 실시간 소통을 하게 되니까 문제가 생각보다 빠르게 해결되었다.

참조한 사이트

confirm
css box shade
web css 색상 표

sequelize 시간 입력하기
Time Zone 설정하기