전체 글(36)
-
노션의 날짜 정복하기: (1) 날짜형식(Date Format) 변경
노션을 반년정도 쓰면서 항상 주어진 날짜형식(date format)이 자유롭게 바꾸지 못하고 제한적이라 아쉬웠는데, 최근 노션의 날짜형식을 거의 자유롭게 바꿀 수 있는 방법을 알게 되어 정리해봅니다. 노션 Formula의 날짜 프리셋을 바로 보고 싶으신 분은 여기를 클릭해주세요. Date와 함께 Formula를 이용하면 거의 모든 형식으로 날짜를 표현할 수 있을 뿐 아니라, 아래 움짤처럼 유용하게 활용할 수 있습니다. 자유롭게 날짜형식 지정하기 노션의 기본 날짜 형식은 위 이미지처럼 5가지가 전부입니다. 그마저도 우리에겐 친숙하지 않거나 연도를 불필요하게 표시하기도 하죠. 이제 Formula를 이용해 날짜를 우리가 원하는 대로 바꿔봅시다. 예시로 1월 9일, 2020을 만들어보겠습니다. 클라이언트 개발(..
2020.01.09 -
인턴 회고: 낯설은 도전과 새로운 목표
안녕하세요. One IT 입니다. 저는 최근 운 좋게 인턴 기회를 얻어 인턴생활을 하다 최근 전환 평가를 통과해 정직원 입사를 앞두고 있습니다. 이번 글에서는 10월부터 약 석 달간의 인턴 과정을 회고하며 이야기해보려 합니다. 개발 글만 쓰다가 제 이야기를 써보는 건 처음인데, 두서없더라도 양해 부탁드립니다😊 첫 두주는 간단한 OJT를 통해 팀별 업무와 사내문화 등을 배웠습니다. 마지막엔 그룹 내 주요 브랜드 사들을 돌며 재미있게 보냈습니다 놀았습니다. 이후 팀 배치를 받고 본격적인 교육이 시작되었고, 교육이라고 하지만 사실 🌪포풍 과제....😱 과제는 바로 Java와 C#으로 CRUD를 구현하는 것이었습니다. 일단 만들어라: Java와 C# Java + JSP를 이용한 CRUD 이런 걸 만들었습니다. ..
2019.12.31 -
JS 기술면접 스터디 6주차: immutable 객체부터 이벤트 루프까지
기술면접 스터디 5주차에 이어 6주차를 진행하고 관련 내용을 정리합니다. 이전의 내용이 궁금하시다면 다음을 클릭해주세요. 1주차: 이벤트 위임부터 코드구성까지 2주차: 호스트 객체부터 Ajax까지 3주차: 호이스팅부터 이벤트 버블링까지 4주차: 전역스코프부터 Promise까지 5주차: Math.max()부터 프로토타입 기반 상속까지 이번 글은 지난 1~4주차 글들처럼 다르게는 front-end-interview-handbook의 질문을 다루며, 이 글은 스터디 내용을 복기하고 정리하는 글로 아주 상세한 기술내용을 담고 있진 않습니다. 관련해서는 이후에 따로 정리할 계획입니다. 6주차 질문은 Math.max()와 Math.min(), 컴퓨터가 다루는 소수, 지멋대로의 진법 변화, 함수 표현식과 선언식의 차..
2019.12.30 -
JS 기술면접 스터디 5주차: Math.max()부터 프로토타입 기반 상속까지
기술면접 스터디 4주차에 이어 5주차를 진행하고 관련 내용을 정리합니다. 이전의 내용이 궁금하시다면 다음을 클릭해주세요. 1주차: 이벤트 위임부터 코드구성까지 2주차: 호스트 객체부터 Ajax까지 3주차: 호이스팅부터 이벤트 버블링까지 4주차: 전역스코프부터 Promise까지 이번 글은 지난 1~4주차 글들과 다르게 9 JavaScript Interview Questions의 질문에 대해 다룹니다. 이 글은 스터디 내용을 복기하고 정리하는 글로 아주 상세한 기술내용을 담고 있진 않습니다. 관련해서는 이후에 따로 정리할 계획입니다. 5주차 질문은 Math.max()와 Math.min(), 컴퓨터가 다루는 소수, 지멋대로의 진법 변화, 함수 표현식과 선언식의 차이, 키워드 없는 변수 할당, 객체지향 프로그래..
2019.09.27 -
[코드조각] 1부터 n까지의 합 구하기
1부터 n까지 합을 구하는 스니펫을 여러가지 방법으로 짜봤습니다. 1. for문 for문을 이용한 가장 간단한 방식입니다. 시간복잡도는 O(n)입니다. const sum=n=>{ let answer=0; for(let i=1;i { if(n===1) {return 1} return n+sum(n-1); } 3. 수학적인 방법 사용 중고등학교때 배웠던 가우스의 유명한 일화가 있습니다. 1+2+..+(n-1)+n를 빠르게 푸는 방법으로 ((1+n)*n)/2를 활용하는 것입니다. 시간복잡도는 O(1)으로 세 가지 방법 중 가장 빠릅니다. const sum=n=>{ return n*(n+1)/2; } 이밖에 다른 방법을 알고 있거나 더 효율적인 코드를 아신다면 댓글로 달아주세요. 많은 분들에게 큰 도움이 될 거..
2019.09.26 -
[HTML&CSS] JavaScript 없이 input 값 유무 판단하기: placeholder-shown
만약 여러분이 제작하는 서비스에서 input[type=text]의 값 유무를 판단해 "입력되었습니다"라는 문구를 표시해야 한다면 어떻게 구현할 수 있을까요. 아마 가장 처음으로 떠오르는 방법은 JavaScript로 input DOM의 value값을 받아오는 것일 것입니다. 아마도 위 기능은 다음과 같은 코드로 구현할 수 있습니다. 값이 입력되었습니다. 그러나 이렇게 JavaScript를 이용하지 않고도 HTML과 CSS만을 이용해 비슷하게 구현할 수 있습니다. 바로 가상 클래스 요소 :placeholder-shown과 css의 선택자를 이용하면 훨씬 간단하게 구현할 수 있습니다. 값이 입력 되었습니다. 가상 클래스 요소 :placeholder-shown은 input과 textarea에서 placehold..
2019.08.04