본문 바로가기

분류 전체보기183

n 로블록스(Roblox)가 대체 무엇일까? 코로나 시대가 시작되고, 비대면이라는 키워드가 전 세계를 휩쓸고, 재택근무, 원격교육 등이 활성화되기 시작하면서 함께 급부상한 코로나시대의 키워드를 꼽자면 단연코 '메타버스(Metaverse)'를 뺄 수 없을 것이라 생각한다. 그리고 메타버스의 선두주자로 늘 함께 언급이 되는 것이 '로블록스'라는 게임이다.(정확히는 게임이 아니라 플랫폼이라고 하는 것이 맞을 듯 하다) 아래 기사와 유튜브 링크 등을 통해서 살펴본 내용을 내가 이해한 대로 간단히 요약하고, 짧은 생각을 남겨보자. 메타버스(Metaverse)라는 개념은 전혀 어려운 개념이 아니다. 새로운 단어도 아니다. 그저 아직 우리에게 낯설 뿐이다. 싸이월드, 도토리, 아바타시스템, 리니지와 같은 MMORPG 게임 등이 모두 여기 메타버스에 속한다고 생.. 2021. 9. 17.
n 코딩테스트 : 숫자 문자열과 영단어(2021 카카오 기출) https://programmers.co.kr/learn/courses/30/lessons/81301 코딩테스트 연습 - 숫자 문자열과 영단어 네오와 프로도가 숫자놀이를 하고 있습니다. 네오가 프로도에게 숫자를 건넬 때 일부 자릿수를 영단어로 바꾼 카드를 건네주면 프로도는 원래 숫자를 찾는 게임입니다. 다음은 숫자의 일부 자 programmers.co.kr 문제 설명 네오와 프로도가 숫자놀이를 하고 있습니다. 네오가 프로도에게 숫자를 건넬 때 일부 자릿수를 영단어로 바꾼 카드를 건네주면 프로도는 원래 숫자를 찾는 게임입니다. 다음은 숫자의 일부 자릿수를 영단어로 바꾸는 예시입니다. 1478 → "one4seveneight" 234567 → "23four5six7" 10203 → "1zerotwozero3.. 2021. 9. 1.
n 코딩테스트 : 문자열 다루기 https://programmers.co.kr/learn/courses/30/lessons/12918# 코딩테스트 연습 - 문자열 다루기 기본 문자열 s의 길이가 4 혹은 6이고, 숫자로만 구성돼있는지 확인해주는 함수, solution을 완성하세요. 예를 들어 s가 "a234"이면 False를 리턴하고 "1234"라면 True를 리턴하면 됩니다. 제한 사항 s는 길이 1 programmers.co.kr 내 답안 function solution(s) { const numberS = parseInt(s) if((s.length === 4 || s.length === 6) && !isNaN(numberS) && numberS % 1 === 0 && numberS.toString().length === s.le.. 2021. 8. 30.
n 롯데콘서트홀 자리 배치도 시야 - 정승환, 윤석철 트리오 콘서트 A8 - 10 A14-8 C17-1 B7-1 C23-1 L5열 L2-11 2021. 8. 30.
n React Table 07 : 포멧을 이용한 정렬 지난 시간에 정렬을 구현했는데, 문제가 있다! 위 이미지의 Date of Birth 필드를 보면 실제 날짜포멧으로 정렬된 것이 아니라 String 타입으로 인식해서 맨 앞의 숫자들을 기준으로 정렬을 하고 있는 것을 알 수 있다. date 필드 외에도 특정 필드들은 단순히 숫자나 글자 기준이 아닌 다른 형식으로 정렬을 해줘야 할 때가 있다. 이번 시간에는 date functions package 설치를 통해서 date 필드에 포멧을 설정해줘보자. 주의사항 : Data.json 파일의 date 들은 RFC2822 또는 ISO 8601 날짜를 나타내는 문자열로 되어 있어야 한다. Javascript의 new Date(), date.parse() 참고하기 (나는 Mock.json 새로 만들기 귀찮아서...spl.. 2021. 8. 24.
n React Table 06 : 간단한 정렬 구현하기 Sorting Table 각 열의 헤더를 누르면 오름차순, 내림차순으로 정렬되는 기능을 구현해본다. 키보드의 'shift'를 누른 채로 헤더를 클릭하면 중복 정렬이 가능하다. 정렬이 되면 열의 이름에 화살표 표시로 오름/내림차순 정렬 중이라는 것을 표시해준다. import { useTable, useSortBy } from "react-table"; export const SortingTable = () => { const columns = useMemo(() => COLUMNS, []); const data = useMemo(() => MOCK_DATA, []); const { getTableProps, getTableBodyProps, headerGroups, footerGroups, rows, prepareRow, } = .. 2021. 8. 24.
반응형

티스토리툴바