티스토리

거북이 개발자

검색하기

블로그 홈

거북이 개발자

mingnol2.tistory.com/m

개발자 / 여행과 일상 / 소소한 후기

구독자: 6

방명록 방문하기

주요 글 목록

[JS] 데이터 타입 - 기본형(primitive) 참조형(reference) 출처 : 코어 자바스크립트 기본형(primitive type)참조형(reference)불변값가변값변수 : 변경 가능한 데이터가 담길 수 있는 공간식별자 : 변수의 이름 변수 선언 -> 메모리에 식별자 저장 -> undefined 할당 -> 기본형 데이터 할당 시 별도 공간에 데이터를 저장 -> 공간 주소를 변수의 값에 할당참조형 데이터는 내부 프로퍼티들을 위한 변수 영역을 별도로 확보해서 확보된 주소를 변수에 연결하고 확보한 변수 영역에 각 프로퍼티의 식별자를 저장하고 각 데이터를 별도의 공간에 저장해서 그 주소를 식별자들과 매칭 시킴참조형 데이터는 여러개의 프로퍼티(변수)를 모은 '그룹'-> 가변값으로 여기는 상황 발생이를 불변값으로 사용하고자 한다면 내부 프로퍼티들을 일일이 복사하면 가능은 함(깊은 .. 공감수 0 댓글수 0 2024. 5. 1.
[React] 오류 해결 : 오류 'JSX.IntrinsicElements' 형식에 'div' 속성이 없습니다.ts(2339) https://github.com/vitejs/vite/issues/14011 Property 'div' does not exist on type 'JSX.IntrinsicElements'. · Issue #14011 · vitejs/viteDescribe the bug This problem will appear when I use vite build a react-ts project. When I write some HTML element in JSX, IDE will always prompt Property '...' does not exist on type 'JSX.Intrinsi...github.com VIte 협업 시 가끔 div 속성이 없다는 에러가 나는데해결방법이 간단하다..! 1. 종속성.. 공감수 0 댓글수 0 2024. 4. 25.
[🐾JellyDiary] React 에서 MSW(MockServiceWorker) 이용하여 API 백엔드 Mocking 하기 이번 프로젝트를 진행하던 중 백엔드 개발 일정에 차질이 생겨 백엔드 서버가 구현되기 전에 프론트단 개발을 진행하는데에 어려움이 있어 목업 데이터를 생성해서 테스트 해보며 개발을 진행하고자 MSW 를 이번 프로젝트에 도입하게 되었다. 프로젝트는 React + Typescript + Vite 구성으로 진행 되었다.1. MSW(Mock Service Worker) 란?https://mswjs.io/docs/getting-started Getting startedThree steps to get started with Mock Service Worker.mswjs.io MSW란 서비스워커를 사용하여 네트워크 요청을 가로채서 관찰하고 모의 응답을 사용할 수 있는 라이브러리이다.프론트엔드에서 마냥 백엔드 API 개.. 공감수 0 댓글수 0 2024. 4. 25.
[🐾JellyDiary] 프론트엔드 협업 프로젝트 초기 세팅 이번 🐾JellyDiary 프로젝트를 시작하기에 앞서프론트엔드 개발자 간에 협업을 위해 미리 정해 둘 코드 컨벤션이나, 깃 컨벤션, 폴더구조 초기 셋팅 등을 정리해 보고 자 한다. 1. 들어가며 가장 먼저 정해야 할 것들은 어떤 기술 스택을 이용하여 개발을 할 건지 논의를 하였다.이번 프로젝트는 기본적으로 React (리액트) + TypeScript(타입스크립트) + Vite(비트) 로 빠르고 안정성을 높인 구조로 진행하기로 하였으며,서버 상태 관리를 위해 React Query(리액트 쿼리) 를 이용하여 캐싱을 효율적으로 관리하고 Redux(리덕스) 대신 Zustand(주스탠드) 를 도입하여 불필요한 렌더링을 최소화 하고 빠른 도입을 진행해 보기로 하였다.스타일은 Styled-Component(스타일.. 공감수 0 댓글수 0 2024. 4. 25.
[React] 2024 CSS 스타일의 패러다임 CSS 스타일의 패러다임이 최근 몇년간 굉장히 다채롭게 변화하고 있는데요. tailwind 는 당연히 강력한 CSS in JS 로 많이 사용되고 있으며, CSS 를 사용 할 때, CSS in JS 는 당연한 부분이고 여기에 추가로 TypeSafe CSS 로 관리하는 추세가 보인다. 여기에 제로 런타임인지, 확장 가능성이 있는지 등을 더 고려해 봐야 할 사항인것 같다. 0. Chakra UI https://chakra-ui.com/docs/components Chakra UI - A simple, modular and accessible component library that gives you the building blocks you need to build your React a Simple, Mod.. 공감수 0 댓글수 0 2024. 4. 22.
[React] 무한스크롤 - React Query useInfiniteQuery 로 구현하기 이번 프로젝트에서 인스타그램과 비슷한 UI를 기획하였기 때문에 피드에 무한 스크롤 기능을 추가해야 했다. 프로젝트에 이미 리액트 쿼리를 도입한 상태기 때문에 리액트 쿼리에서 제공하는 useInfiniteQuery를 사용하여 구현해 보고자 했다. 리액트 쿼리란? [React] React Query 란? 1. React Query 소개 리액트 쿼리? 서버 상태를 관리하는 라이브러리 간단하게 알아보자 Client State vs. Server State ? 클라이언트 상태란 웹 브라우저 세션과 관련된 모든 정보를 의미한다. 예를들어 유 mingnol2.tistory.com npm install @tanstack/react-query @tanstack/react-query-devtools 위의 명령어를 입력하면.. 공감수 0 댓글수 1 2024. 4. 21.
[React] React Query v5 - 페이지네이션과 프리페칭(pre-fetching) 블로그 게시물을 선택할 경우 해당 게시물에 달린 댓글을 페칭해오는 과정에서 게시물을 선택해도 연관된 댓글으로 리프레쉬가 안되는 이슈가 발생하였다. 관련하여 해결한 내용들을 정리하고자 한다. 0. Problem? stale 상태인데도 리프레시 되지 않음 모든 댓글 쿼리가 같은 ['comments'] 쿼리 키를 사용하고 있었음. 이는 트리거가 있을 때만 새로 가져옴 트리거? - 컴포넌트 리마운트 - 윈도우 리포커스 - 리페치 함수 실행 - 자동 리페치 - mutation 후에 쿼리 무효화 등 이러한 트리거를 통해 클라이언트의 데이터가 서버의 데이터와 다르다고 알게됨 -> 하지만 이 트리거에 해당하는 상황이 아님 해결 방법? 1. 새 블로그 포스트 제목을 클릭할때마다 데이터를 무효화(삭제) 하는 등의 방식으로.. 공감수 0 댓글수 0 2024. 4. 20.
[React] React Query 란? 1. React Query 소개 리액트 쿼리? 서버 상태를 관리하는 라이브러리 간단하게 알아보자 Client State vs. Server State ? 클라이언트 상태란 웹 브라우저 세션과 관련된 모든 정보를 의미한다. 예를들어 유저가 언어 선택이나, 다크모드 라이트모드 등 테마를 선택하는 경우 → 서버에서 일어나는 일과는 관련이 없는 상태들, 단순히 사용자의 상태를 추적할때 서버 상태란 서버에 저장되며 클라이언트에 표시하는데 필요한 데이터 예를들어 데이터 베이스에서 불러오는 블로그 게시물 데이터 → 여러 클라이언트에 표시할 수 있도록 서버에 저장되는 상태들 리액트 쿼리는 어떤 문제를 해결할 수 있을까? 리액트 쿼리는 클라이언트에 있는 서버 데이터 캐시를 관리한다. 리액트 코드에 서버 데이터가 필요할 .. 공감수 0 댓글수 0 2024. 4. 20.
[React] Typescript + React Redux 프로젝트에 적용하기 지난 프로젝트에서 Vite (비트) + Typescript 로 리액트 프로젝트를 진행하며 상태관리 툴로 리액트 리덕스를 사용하였다. 타입스크립트 리액트 프로젝트에서 리덕스를 사용하는 방법을 정리하고 또 언제 리덕스를 사용하면 좋은지 작성해 보고자 한다. 지난 프로젝트 폴더 구성이다. 기능별로 store을 나누어 생성했고, index에서 관리하였다. 0. 라이브러리 설치 npm install @reduxjs/toolkit react-redux 1. store 생성 store/index.ts import { configureStore } from "@reduxjs/toolkit"; export const store = configureStore({ reducer: { }, }); export type Roo.. 공감수 0 댓글수 0 2024. 4. 19.
[React] Redux 란? 리덕스란? Redux는 자바스크립트 앱을 위한 예측 가능한 상태 컨테이너! 공식 문서에서 리덕스 툴킷을 사용할 것을 추천한다.(RTK) 여러분의 앱의 상태 전부는 하나의 저장소(store)안에 있는 객체 트리에 저장됩니다. 상태 트리를 변경하는 유일한 방법은 무엇이 일어날지 서술하는 객체인 액션(action)을 보내는 것 뿐입니다. 액션이 상태 트리를 어떻게 변경할지 명시하기 위해 여러분은 리듀서(reducers)를 작성해야 합니다. 액션 객체를 생성하는 액션 생성자 부수 효과를 가능하게 하는 미들웨어 부수 효과를 가진 동기 또는 비동기 로직을 포함하는 Thunk 함수 ID로 항목 조회를 가능하게 하는 정규화된 상태 Reselect 라이브러리를 사용하여 파생된 데이터를 최적화하는 메모이제이션된 셀렉터 함.. 공감수 0 댓글수 2 2024. 4. 18.
[🐾 Jelly Diary] React + Typescript 캘린더 FullCalendar 라이브러리 사용 방법 리액트와 타입스크립트 환경에서 캘린더를 구현할 때 FullCalendar 라이브러리를 이용하여 개발하게 되었다. https://fullcalendar.io/ FullCalendar - JavaScript Event Calendar Open Source... With over 10 years of open source and over 120 contributors, FullCalendar will always have a free and open source core. Learn more fullcalendar.io 기본적인 컴포넌트 구성을 파악하고 적용해 보고자 한다. 기본 제공 템플릿의 UI다 나는 Monthly 페이지만 필요했기 때문에 필요 없는 상단 버튼들은 삭제하여 주는 등 커스텀 하여 사용 할 .. 공감수 0 댓글수 0 2024. 4. 16.
[🐾 Jelly Diary] React + Typescript 캘린더 라이브러리 이용하기 반려동물의 하루 일지를 기록하는 웹 서비스를 기획중인 JellyDiary 젤리 다이어리 줄여서 젤다 에서는 매일 작성 되는 일지를 달력 형식으로 보여줄 필요성이 있었다. 프론트엔드 멘토링을 통해 직접 구현하는 것을 추천하지만 실무에서는 이미 만들어진 라이브러리를 가져다 쓰는 경우가 대부분이라고 한다. 그래서 이번 프로젝트에서도 잘 맞는 라이브러리가 있으면 사용해 보고자 여러 레퍼런스들을 찾아보았다. 리액트와 타입스크립트로 캘린더 라이브러리 사용해 보기 우선 아래와 같이 와이어 프레임을 짜 보았다. 내가 필요 한 기능은 1. 월(Monthly) 형식의 달력 포멧을 제공할 것 2. 일 별로 추가되는 일지를 달력에 리스트로 보여줄 수 있을 것 3. 일지 추가 버튼을 생성하고 일지를 추가하면 달력에 추가 할 수.. 공감수 0 댓글수 0 2024. 4. 15.
[React] 스크롤바 스크롤은 되지만 ! 숨기기 / 없애기 / 안보이게 하기 스크롤은 동작하지만 좁은 범위에서 스크롤이 일어나야 해서 스크롤 자체의 UI는 보이지 않게 처리하고 싶었다. 이때 사용할 수 있는 방법을 정리해 보고자 한다. 1. 스크롤 생성 overflow-y: scroll; 2. 스크롤 바 안보이게 하기 scrollbar-width: none; 간단히 스크롤바의 너비를 없애서 보이지 않게 처리해 줄 수 있다. 스크롤은 가능하지만 보이지 않게 처리해서 모바일 화면과 같은 작은 범위의 상황에서 활용 가능할 것으로 보인다. 공감수 0 댓글수 0 2024. 4. 15.
[React] 오류 해결 - Property 'div' does not exist on type 'JSX.IntrinsicElements'. ('div'가 존재하지 않는 타입이라고 나올때) 협업 프로젝트를 진행하며 여러 오류들과 만나고 있다. 이번에는 리엑트 - 타입스크립트 프로젝트를 진행하며 다른 사람의 코드를 머지했을 때 만날 수 있는 Property 'div' does not exist on type 'JSX.IntrinsicElements'. 오류에 대한 설명과 해결 방안에 대해 작성해 보도록 하겠다. 오류가 발생하는 환경은 1. React 2. Typescript 3. Vite 프로젝트를 시작하거나 수정되지 않은 템플릿을 사용했을 때 발생한다고 한다. 이에 대한 해결 방안은 1. tsconfig.json 파일 수정 "moduleResolution": "Node" 2. VS Code Typescript WorkSpace 버전 선택 3. npm Dependency 재설치 npm i 나.. 공감수 0 댓글수 0 2024. 4. 15.
[React] Toggle Component 애니메이션 구현 리엑트에서 기본적으로 토글 버튼은 두가지 상태를 가지는 버튼이라고 생각하면 된다. 이는 삼항연산자나 조건문을 가지고 '토글' 상태를 반대로 변경 시키며 구현할 수 있고, 여기에 애니메이션 효과를 추가하여 우리가 아는 토글 버튼의 모양으로 만들 수 있다. 인라인 스타일 형식에서는 해당 애니메이션을 구현하기어렵고, true/false 의 boolean 값으로 두가지 상태를 가지게 구성하여 현재 상태에 따라 스타일을 다르게 주어 생성할 수 있다. 또한, 해당 토글 버튼을 컴포넌트로 만들어 필요할 때마다 불러내어 사용 가능하다. false true 토글 버튼 React code import React, { useState } from "react"; import { ToggleContainer } from "... 공감수 0 댓글수 0 2024. 4. 15.
[React] scroll to top, useRef 이용하여 스크롤 이동하기 리엑트에서 화면 스크롤 이동이 가능하다. 1. scroll to top 함수 만들기 스크롤을 화면 가장 상단으로 올리는 부분은 scrollTo 를 사용하여 위치를 가장 상단인 0으로 지정한 뒤 이동시킬 수 있다. const scrollToTop = () -> { window.scrollTo({ top:0, behavior: 'smooth' }) }; behavior 옵션은 auto 와 smooth 로 설정 가능하며 auto는 바로 이동, smooth는 말 그대로 부드럽게 이동시킨다. 2. useRef 저장공간(변수 관리), DOM 요소에 접근을 위해 사용되는 훅이다. useState와 동일하게 컴포넌트 내부에서 렌더링이 일어나도 변경 가능한 상태 값을 저장한다. 또한, 객체 내부에 있는 'current'.. 공감수 0 댓글수 0 2024. 4. 15.
[React] axios 사용 시 proxy 설정 방법(CRA, Vite) - CORS관련 오류 해결하기 같은 네트워크에 프론트단과 백단 서버를 같이 운영 중이라면 한번쯤은 만날 CORS관련 오류를 해결하는 방법을 정리해 보고자 한다. (우선 개발 서버에서만 가능하고, 배포 후에는 다른 방법을 써야하는 경우도 있다.) 프록시 설정을 위해 미들웨어를 사용하기도 하는데 오늘은 간단한 방법으로 package.json 을 수정하여 처리하는 방법을 소개해 보고자 한다. 1. Axios 란? node.js와 브라우저를 위한 Promise 기반 HTTP클라이언트이다. 리엑트에서는 GET, POST, PUT, DELETE 등의 메소드를 지원하기 때문에 쉽게 사용이 가능하다. 주로 백엔드 서버 단으로 API를 호출할 경우에 사용하며 config를 미리 지정해 놓고 인스턴스를 생성해 재사용성을 높일 수 있다. 2. CORS .. 공감수 1 댓글수 1 2024. 4. 11.
[React] useEffect를 사용하여 동기 / 비동기 통신 - axios RESTApi호출 todolist 앱 개발 멘토링 중 백엔드와 연결을 하는 와중에 axios로 RESTAPI 호출을 하며 정말 다양한 오류들을 만나고 있다. 그 중 가장 먼저 해결 해야 했던 부분이, 정말 간단하게 axios를 사용해서 값을 useState로 넣어주려 했는데, 비동기 통신으로 데이터를 받아와 버리니 웹이 뜨자마자 오류가 폭발했다. 자바스크립트는 비동기통신을 하기 때문에 요청을 보내고 기다리지 않는다. 그렇기 때문에 이를 동기화 하여 통신하게끔 처리해 주어야 하는데 그때 async, await이 사용된다. 동기 통신(Synchronous)은 요청을 완료 하길 기다렸다 결과값을 받아와서 사용할 수 있기 때문에 순차적으로 진행이 필요할때 사용하게 된다. axios 하지만 axios는 promise 기반 비동기통.. 공감수 1 댓글수 0 2024. 4. 11.
[🐾JellyDiary]React 404 에러 페이지 지정하기 + 프로젝트 기획 반려 동물 특화 SNS 개발로 프로젝트 주제를 정했다. 평소 SNS에 피로감을 느끼고 있었고, 마침 프로젝트 팀원의 반려동물이 팀 내에서 인기 스타였기 때문에 자연스럽게 반려동물 관련된 웹 소셜 네트워크로 주제가 정해지게 되었다. 이번 프로젝트는 기록을 많이 남겨봐야지. 가장 먼저 만난 이슈는 라우팅 처리였다. 이번 프로젝트에서는 빈 페이지가 안보이게 에러 페이지도 처리하고자 했다. 우선 피그마로 디자인을 짜봤다. 지정되지 않은 경로는 function App() { return ( ); } export default App; *을 이용하여 처리해 줄 수 있다. 공감수 0 댓글수 0 2024. 4. 10.
React에서 <select>문 사용하기 리엑트에서 Select 문을 사용하는 방법을 알아보자. 선택지1 선택지2 빌트인 브라우저 컴포넌트를 이용할 수 있다. 선택리스트는 옵션으로 추가가 가능하다. export default function Picker() { return ( 휴대폰 기종을 선택하세요 iOS Android ); } value 값으로 선택된 값을 전달 가능하다. onChange 함수를 적용해서 선택한 값을 업데이트 가능하다. export default function FruitPicker() { const [selectedFruit, setSelectedFruit] = useState('orange'); // useState를 사용해서 기본 값을 지정가능하다. return ( Pick a fruit: setSelectedFruit.. 공감수 0 댓글수 0 2024. 4. 10.
화살표 함수와 this 화살표 함수에서의 this 는 항상 정적으로 상위를 가리킨다.! 사용시 주의할 것 공감수 0 댓글수 0 2024. 1. 14.
[javascript] 모달에서 키보드 눌렀을 때 반응 처리하기 키보드 이벤트 리스너는 document에서 전체적으로 관리한다. 익명함수에도 e 등 파라미터를 넣어 줄 수 있다. 모달 닫기 전, 꼭 현재 상태를 확인한 뒤 모달을 닫거나 다른 작업들을 처리해 주는것이 중요하다. document.addEventListener('keydown', function (e) { if (e.key == 'Escape' && !modal.classList.contains('hidden')) { // esc 키 눌렀을때, modal 에 hidden 이 없을 경우에 hiddenModal(); // SOMETHING TO DO.. } else if (e.key == 'Enter') {// 엔터키 눌렀을 때 hiddenModal(); // SOMETHING TO DO... } }); 공감수 1 댓글수 1 2023. 12. 3.
[javascript] 모달 클릭 이벤트 처리 버튼이 3개 있을 때, 버튼 세개에 전부 클릭 이벤트를 주고자 한다면 반복문을 이용해서 처리해 줄 수 있다. app.js const showModal = document.querySelectorAll('.show-modal'); const modal = document.querySelector('.modal'); const closeBtn = document.querySelector('.close-modal'); const overlay = document.querySelector('.overlay'); for (let i = 0; i < 3; i++) { showModal[i].addEventListener('click', function () { modal.classList.remove('hidden.. 공감수 1 댓글수 1 2023. 12. 3.
[react] useNavigate 함수로 페이징 처리하기 useNavigate() 함수를 이용해서 페이징 처리하는 부분을 정리한다. const nav = useNavigate(); const onClick = () => { nav("/search"); } return ( 서치 페이지로 이동 ) 리엑트에서 동적 파라메터를 넘기는 방법은 useSearchParams 와 useParams를 이용할 수 있다. // path 페이징 처리 // 인자로 받아오게 처리 공감수 0 댓글수 0 2023. 11. 8.
[Keychron B1] 키크론에서 펜타그래프 키보드 신상을? 이건 못참지 이번에 리뷰해볼 제품은 키크론(Keychro)에서 새로 출시한 B1 모델입니다. 키크론은 맥북 사용자라면 친숙한(?) 기계식 키보드 회사인데, 나는 일렉트로마트에서 여러 제품을 타건해봤지만 타닥타닥이는 소리가나는 키보드는 내 취향이 아니라서 이번 생에는 내게 키크론은 없을 줄 알았다. 하지만, 사용하고 있던 나의 작고 귀엽고 멋진 아이패드 미니 키보드가 슬슬 힘든지, (사실 처음부터 키압이 높아 마음에 쏙 들지는 않았다.) 펜타그래프 키보드임에도 중간에 걸리는 키들이 생겨서 새로운 키보드를 알아보던 중에, 키크론에서 펜타그래프 신규 모델 출시 및 예약 판매를 시작했단 이야기를 듣고, 정말 많이고민하다 구매하게되었다. 1. 다양한 색상(흰색아니면 그레이만 구매하지만) 2. 낮은 키보드 높이 3. 잘 알려진.. 공감수 1 댓글수 1 2023. 10. 20.
[react-native] 캘린더 앱 구현하기 어제, 오늘은 페이지 라우터 처리와 캘린더 구현을 해보았다. 구현하고자 하는 기능에 도움이되는 모듈을 찾아 적용해보려고한다. 현재는, 오늘날짜 표시(파란색으로), 그리고 한글 날짜 표현까지 완료하였고, 추가적으로 DB와 연동하여 CRUD를 구축해서 실제 데일리 페이지에서는 스케쥴 관리를 하고, 월간 캘린더에서는 해당 스케쥴 및 체크리스트를 불러와 확인할 수 있는 정도의 어플리케이션으로 구축해보려고 한다. 개발기한은 이번달 말까지로 예상중이고, 디자인적으로 잘 뽑아서 한번 실제 앱스토어에 등록까지 해보고싶다. 하루 8시간씩 투자해서 전업 취준생을 지향하는중. 공감수 0 댓글수 1 2023. 10. 20.
[React Native/React] Time Sheet에 스케쥴 추가 기능 상단에 있는 스케쥴을 추가해 보는 모달을 생성하였다. 상단 플러스 버튼을 누를 경우 아래와 같이 모달창이 뜨게 되고 detail: 상세 내용 입력 시작시간과, 끝 시간을 입력받아 스케쥴 표에 나타낼 수 있다.(기능 추가중) Allday 버튼을 체크하면 하루종일 스케쥴로 변경된다(기능 추가중) 카테고리 색상을 선택하면 스케쥴표에서 보여줄 색상을 선택할 수있다(기능 추가중) 스케쥴에 이동시간이 포함된다면 이동 수단과, 이동 시간을 추가하여 스케쥴 표에 나타낼 수 있다.(기능 추가중) Create Schedule 버튼을 누르면 스케쥴이 추가되고 Cancel 버튼을 누르면 작성된 내용이 사라지며, 모달이 닫히게 된다. 추가적으로 데이터들을 하나의 배열로 받아와 처리하는 기능을 구현해서 관리하는것이 데이터를 읽고.. 공감수 0 댓글수 0 2023. 10. 17.
[React,ReactNative] Schedule 추가하기 오늘은 todo 어플리케이션에 스케쥴을 추가하여 todo 및 데일리 스케쥴을 함께 관리할 수 있는 어플리케이션을 개발해보았다. 이전 todo 리스트 구현 내용 링크를 첨부한다. https://mingnol2.tistory.com/207 [React Native] 반려동물 케어 Todo 어플리케이션 개발 리액트 네이티브를 이용하여 안드로이드와 IOS 를 둘 다 지원하는 크로스플랫폼 TodoList를 만들어 보았다. 기존 어플리케이션과 차별화되는 점으로 OO의 성장일기 라고 헤더 타이틀을 지어 보았고 mingnol2.tistory.com 홈화면 > 오늘의 날짜와 오늘 해야할 스케쥴을 보여준다. 또한 하단부에는 기한이 없는 투두리스트를 생성하거나, 수정, 삭제 및 체크를 하여 관리할 수 있다. 하단부 Add .. 공감수 0 댓글수 0 2023. 10. 17.
토익 오후 시험 비오는 오후 오늘은 구직을 위해 어학 점수 취득을 하려고 토익 시험을 추가 기간에 등록했어요 이번 시험은 특별하게 오후 시험인데요 무려 2시 20분 입실 5시 10분 퇴실 입니다 ! 저는 오후 시험은 처음인데요, 오히려 오전중에 후딱 끝내는게 아니어서 더 떨리는 것 같아요~! 토익 준비물은 신분증, 연필(샤프), 지우개 등입니다! 수험번호는 시험이 시작되면 스티커로 배부되니 외우실 필요는 없어요! 오늘 시험 보는 곳은 서울 강서구의 중학교 인데요, 보고와서 스피커음질: 주차: 대중교통: 근처 카페: 화장실: 등등 시험 보러 오시는 분들을 위해 학교 컨디션 남겨놓으려고 해요 이번에 토익 졸업 할거에요! 다음번 시험은 이년뒤로 제발~~ 남은 이번달은 이제 자소서, 경력서 수정 및 입사 지원에 총력을 다하면서.. 공감수 0 댓글수 1 2023. 10. 14.
거북이 개발자가 업무용 키보드로 한성 무접점 tico 배열을 선택한 이유는? 오늘은 블루투스 키보드 리뷰를 한번 작성해 보고자 합니다 제가선택한 키보드는 바로 한성 컴퓨터의 무접점 키보드 인데요 저는 평소 무접점 적축이나 펜타그래프 키보드 같은 손이 편한 키보드를 주로 사용하는 편입니다. 이 키보드를 선택하게 된 이유 3가지를 꼽자면. 1. 무접점 + 35g의 가벼운 스위치 2. 흰색 프레임 3. 무선 블루투스 기능 4. 콤팩트한 사이즈 5. 키캡놀이 가능(체리키캡) 등이 있습니다. 한가지씩 설명드려볼게요 1. 무접점 + 35g의 가벼운 스위치 저는 키보드를 이용해서 타이핑을 많이 하는 편이기 때문에 무거운 키보드를 장시간 이용하면 손목이 아프기 시작하더라구요. 그래서 무조건 가볍고 편한 스위치를 찾다가 이 제품을 선택하게되었습니다. 원래 가지고 있던 리니어 적축 무접점 레이저의.. 공감수 1 댓글수 0 2023. 10. 12.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.