TIL

2021-01-14 TIL January 15, 2021

요즘 하루하루 충실하게 보낸 것 같지만 1주, 2주가 지나서 돌아보면 아직 여기까지밖에 못왔나 하는 생각이 들었습니다. 곰곰이 생각해보니 몇가지 원인이 있는 것 같습니다.

가장 큰 원인은 눈에 보이는 명확한 로드맵이 없는 것입니다. 바꿔말하자면 기한이 있는 목표가 없습니다. 당장 이번 주나 다음 주까지 해야하는 단기적인 목표를 말하는 것이 아닙니다. 우리의 최종 목표가 명확하다면 그것을 분기나 월로 나누어 중기, 단기 목표를 설정할 수 있을 것입니다. 하지만 현재는 목표가 희미하고 그로 인해 명확한 중기 목표 없이 단기 목표만 설정하고 일을 진행하고 있습니다. 그러다보니 나와 우리 팀이 현재 어디에 서 있는지 파악이 안됩니다. 목표를 향한 여정 중에 우리가 어디를 지나고 있는지 모르는 것이 초조함과 불안함의 원인이라고 생각합니다.

두 번째는 스스로 자랑스러워할 만한 제품이 없는 것입니다. 이것은 온전히 저 자신의 문제 입니다. 지금 만들고 있는 제품은 아주 작은 핵심 기능만을 구현한 제품입니다. 운 좋게도 시점이 잘 맞아 고객에게 잘 전달이 되었고 일부 고객들이 꾸준히 사용하고 피드백을 받고 있습니다. 제품이 너무 작아서 아쉬운 부분도 있지만, 작은 제품도 충분히 다듬고 개선할 수 있다고 생각합니다. 하지만 현재 개선을 잘 못하고 있습니다. 거의 혼자 만들고 있다보니 코드가 엉망인 부분이 많습니다. 하루 아침에 실력이 달라지는 것이 아니니 매일 보고는 있지만 코드 수준이 크게 나아지지 않고 있는 것이 느껴집니다.

이런 문제점들을 개선하기 위해 몇 가지를 시도해보려고 합니다.

첫 번째 문제를 개선하기위해 내일 동료들과 가볍게 대화를 해 볼 계획입니다. 먼저 제 불안감을 얘기하고 도움을 요청할 것입니다. 러프하게 목표와 일정을 정하고, 웗 별 목표를 설정하는 것을 시도해보자고 얘기해보려고 합니다.

두 번째 문제를 개선하기 위해 당장 생각나는 것은 꾸준히 공부하는 것입니다. React와 HTML, HTTP 등에 대해 좀 더 많은 자료를 보고 실제 제품에 적용하는 것을 계속 시도해보려고 합니다.

두 번째 문제의 해결 방안은 많이 아쉽다는 생각이 드는데 딱히 다른 방안이 생각나지 않네요. 더 좋은 방법이 있는지 계속 찾아봐야겠습니다.

오늘의 문답

Q. HTML의 hidden, CSS의 display: none, visibility: hidden의 차이점은 무엇일까요?

A. HTML hidden과 display: none은 동일합니다. Element를 숨기고 해당 영역을 표시하지 않습니다.

visibility: hidden은 Element를 숨기지만 해당 영역이 유지됩니다.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    section {
      display: flex;
    }
    .box {
      width: 50px;
      height: 50px;
      border: 1px solid blueviolet;
    }
    .box2-2 {
      display: none;
    }
    .box2-3 {
      visibility: hidden;
    }
  </style>
</head>

<body>
  <section>
    <div class="box box1">1</div>
    <div class="box box2-1" hidden>2-1</div>
    <div class="box box2-2">2-2</div>
    <div class="box box2-3">2-3</div>
    <div class="box box3">3</div>
  </section>
</body>

</html>
Written by@[Suho]
뭐든지 만들어보자.