전체보기260

• 

  [JavaScript] new Date()로 생성된 시간을 한국 시간으로 바꾸기 최근 일하면서 특정 시간대에만 배너를 표시하는 작업을 한 일이 있었다. 당연히 쉽게 반영이 될 거라고 생각했는데, 실제 사이트에서는 마치 코드가 잘못된 것처럼 작동하지 않았다. 이유는 기업 서버가 미국(혹은 다른 나라)을 거쳐 가면서 new Date() 시간이 한국 시간이 아닌 다른 어딘가의 시간으로 출력됐던 것이었고, 이 때문에 항상 한국 기준 (UTC +8)으로 바꿔주는 작업이 필요했다. 소스코드 const now = new Date() // 서버 시간 기준 현재 로컬 시간 const GMTNow = now.getTime() + now.getTimezoneOffset() * 60 * 1000 // GMT 현재 시간 // now.getTime(): 1970년 1월 1일 00:00:00 GMT와 주어진 .. Programming/Javascript, Typescript 2023. 2. 18.

• 

  2023년 2월 8일 ~ 2023년 2월 16일 회고 첫 업무 메일 써보기, 비행기 예약, 오픽 갱신, 내일배움카드와 블렌더 수업, 퓨전 오마카세 먹기 처음으로 업무 메일도 보내보고, 배포하느라 신경도 많이 써서 피로도가 있던 한 주여서 주말에는 오픽 보러 간 것 빼고는 푹 쉬어줬다. 남는 시간에는 제주도 비행기 예약하고 여행 계획 세우느라 시간을 전부 보냈던 것 같다 ㅎㅎ 취업 후 내일배움카드로 뭔가를 배우는 게 꽤 큰 로망이었어서 신청을 해놨었다. 그런데 생각보다 그 기회가 빨리 찾아왔다. 홈페이지에 Three.js를 적용하기로 마음 먹은 후, 블렌더를 함께 배우고 싶어졌다. 내가 직접 JS로 컨트롤할 수 있는 요소를 창작하고 프로그래밍에 내 시각을 집어넣고 싶어졌달까! 시각화, 인포그래픽도 배워서 뉴욕타임즈까지 진출하고 싶어 하는 나니까... 욕심 부.. My/Riverlog 2023. 2. 16.

• [네트워크] SSL이란? Programming/Computer Science 2023. 2. 14.

• 

  [혼공스터디 9기] 혼.공.컴.운. - 12. 프로세스 동기화(필수, 선택 미션 포함) 필수미션 1. 뮤텍스 락과 세마포에 대한 설명으로 옳지 않은 것을 고르세요. 뮤텍스 락은 임계 구역을 잠근 뒤 임계 구역에 진입함으로써 상호 배제를 위한 동기화를 이룹니다. 세마포는 공유 자원이 여러 개 있는 상황에서도 이용할 수 있습니다. 세마포를 이용해 프로세스 실행 순서 제어를 위한 동기화도 이룰 수 있습니다. 세마포를 이용하면 반드시 바쁜 대기를 해야 합니다. 답: 4 해설: 세마포는 공유 자원이 여러 개 있는 상황에 적용이 가능한 동기화 도구다. 바쁜 대기는 반복적으로 lock을 확인하는 것인데, 이는 자물쇠 방식을 활용하는 뮤텍스 락에 적용된다. 12-1 동기화란 프로세스들은 서로 협력하여 실행되기도 한다. 이런 프로세스들의 실행 순서와 자원의 일관성을 보장하기 위해 반드시 동기화되어야 한다... Programming/Computer Science 2023. 2. 13.

• 

  [JavaScript] 화살표 함수 정의 전통적인 함수 표현보다 더 간편하게 함수를 작성할 수 있는 대안이다. 기본 형태 let func = (arg1, arg2, ...argN) => expression // 아래 함수 표현식의 축약 버전이다. let func = function(arg1, arg2, ...argN) { return expression; } // 인수가 하나도 없다면, 괄호를 비워 놓는다. 이 때 괄호는 생략 불가하다. let sayHi = () => alert("안녕하세요!") sayHi() 본문이 여러 줄인 화살표 함수는 '중괄호'와 'return'을 사용해야 한다. let sum = (a, b) => { let result = a + b retun result } alert(sum(1, 2)) // 3 + 화살표 함.. Programming/Javascript, Typescript 2023. 2. 9.

• 

  2023년 2월 1일 ~ 2023년 3월 1일 회고 집 재계약, 대보름, 빈소년합창단, 제주도 여행 계획, career week 그리고 제주도 2월 첫 주도 어느새 후딱 지나갔다! 업무, 홈트 CS 공부, 알고리즘 스터디, 사내 스터디 그리고 자격증까지(적고 보니 많구나) 준비하다보니 정말 시간이 빠르게 지나간다. 대학생 때부터 살고 있는 주택 계약을 연장했고, 대보름을 맞아 가족들과 부럼 깨물고 맛있는 것도 먹고 달님에게 소원도 빌었다. 그리고 나의 영혼(ㅎㅎ)을 깨끗하게 해주었던 빈소년합창단의 525주년 기념 신년음악회는 이번 주의 하이라이트였다. 독일어 노래가 많아 이해하기는 쉽지 않았지만 예술에 대한 소년들의 열정, 협동이 아름다워 최근 본 공연 중 가장 열심히 박수를 쳤던 것 같다. 전 세계에서 노래에 대한 열정으로 모인 소년들의 목소리도 물론 .. My/Riverlog 2023. 2. 8.

• 

  [Next.js 13] Next.js 13버전의 서버 중심 라우팅과 클라이언트 사이드 네비게이션 정리 이번 주에 공식문서 Page and Layouts 까지 읽었고, 이번엔 Next.js의 Linking and Lavigating에 대해 배워 보자. 따로 링크되지 않은 모든 설명은 Next.js 공식문서가 출처다. Routing: Fundamentals | Next.js ... beta.nextjs.org 서론: Next.js 13은 서버가 라우팅하고 클라이언트가 네비게이트한다. pages 디렉토리와는 달리, app 디렉토리의 new! 라우터는 서버 중심 라우팅을 사용한다. 이는 Server Component와 서버에서의 data fetching와 궤를 같이 하는 것이다. 클라이언트는 router 지도를 다운 받을 필요가 없다 . (app directory의 모든 컴포넌트들은 디폴트로 RSC(React .. Programming/Next.js 2023. 2. 5.