egg.dev.log

콘테크 분야에 대해서 계속 찾아보고 있습니다. 이렇게 모아두는 곳이 따로 없어 제가 보기 편하려고 모으고 있습니다. 메이사 https://meissa.ai/blog/?q=YToyOntzOjEyOiJrZXl3b3JkX3R5cGUiO3M6MzoiYWxsIjtzOjQ6InBhZ2UiO2k6Mjt9&page=3 Meissa 공간 정보로 인류의 첫 걸음을 편리하게 | Spatial data platform. Meissa Inc. meissa.ai 산업의 역군 https://blog.sankun.com/bizinsight/ 산군 인사이트 - 산업의역군 블로그 산업의역군에서 건설 비즈니스의 인사이트를 살펴보세요 blog.sankun.com 아이콘 https://ai-con.co.kr/blog 콘테크, 스마트건설기술 ..

게시글의 이미지를 보여주는 컴포넌트 내부에서 if 문을 통해 여러 return을 하고 있습니다. 그래서 하나의 컴포넌트 안에서 조건부로 나뉘는 게 아닌 조건에 맞는 컴포넌트들로 각각 나누어 사용해보는 것으로 하였습니다. 이번에 배운 컴파운드 컴포넌트 패턴을 적용하여 Image라는 객체에 넣어 관리하려고 했습니다. 기존 코드 import styled from 'styled-components'; import { Swiper, SwiperSlide } from 'swiper/react'; import 'swiper/css'; import imageBigIcon from '../../assets/img/image-big-icon.svg'; import deleteIcon from '../../assets/im..

POTINT: HDD 데이터가 CPU에 이르기까지 일련의 데이터 흐름으로 생각해보자. 목차: 물리서버 - CPU - 메모리 - I/O 장치 - 버스 각 목차별 주제 물리서버 - 서버의 내부 구성과 각 구성에 대한 개념 설명 CPU - 코어와 명령 체계 개요 메모리 메모리 종류와 각 종류의 장,단점 데이터 처리 속도, 엑세스 속도 등 I/O 장치 HDD, SSD... 라이트 스루, 라이트 백 이더넷, CPU와 다른 I/O제어 버스 - 데이터 전송 능력, 대역, 병목 현상 단어 정리 - 랙(Rack): 서버를 장착하는 공간. 한 칸을 1U. - IA 서버: 인텔의 CPU를 사용한 서버 - 메모리 인터리빙(Memory Interleaving): 미리 데이터를 CPU에 전달해서 처리 지연을 줄이는 기능 - 채널..

책을 덮고 이해를 바탕으로 정리한 글입니다. 집약형과 분할형 아키텍처가 있고, 집약형은 하나의 큰 컴퓨터의 유한한 리소스를 관리하는 방식으로 한다면, 분할형은 작은 컴퓨터들을 여러 개 써서 하나의 구조를 만드는 것입니다. 작은 컴퓨터들 간의 데이터를 공유하고, 안전성은 떨어지지만 비용적인 부분 등 집약형 보다 장점이 있습니다. 분할형에는 다시 수직 분할형과 수평 분할형, 지리 분할형 등으로 나뉩니다. 수직 분할형에는 클라이언트와 서버 형태로 나뉘는 클라이언트 - 서버형 아키텍처가 있고, 프레젠테이션, 어플리케이션, 데이터베이스로 나뉘는 3계층형 아키텍처가 있습니다. 이렇게 수직으로 분할한 아키텍처를 수평적으로 수를 늘려 큰 구조를 이루도록 하는 게 단순 수평 분할형 아키텍처이며, 수평으로 분할한 서버들 ..

🐾들어가며 원티드 프리온보딩 강의에서 추상화를 할 때 함수의 역할에 따라 추상화하여 분리하는 방법을 배웠습니다. 그래서 직접 쓴 코드에서 해당 내용을 토대로 적용을 해보려고 합니다. ✨본격적으로 ✅함수 분리하기 기존 코드 입니다. 프로젝트에서 복잡한 로직을 사용하지 않아서 겨우 찾아냈습니다. import React, { useRef, useEffect } from 'react'; import styled from 'styled-components'; const ResizingTextarea = ({ onChange, ...props }) => { const textareaRef = useRef(); useEffect(() => { handleResizeHeight(); }, [props.value]); ..

🐾들어가며 요즘 드는 생각은 '문제를 잘 정의하기 위해서는 질문이 좋아야 한다’는 것입니다. 강의를 들을 때 질문할 게 없어서 혹은 질문을 해도 너무 성급하게 하여 좋은 답변을 듣지 못했습니다. 그래서 질문을 하는 사람들을 보며 대단하다고 생각했고, 좋은 질문을 하는 분들께 저에게도 질문 해줄 수 없나 하고 여쭤본 적이 있었습니다. 좋은 질문을 받다 보면 질문을 더 잘 할 수 있지 않을까 해서 그랬습니다. 결과적으론 실패했지만, 이번에는 각 잡고 체크 리스트라도 만들어야겠다 생각하여 글을 씁니다! ✨본격적으로 ✅질문의 내용 짧고 간단 명료하게 만들자. 서술형으로 답변할 수 있는 지 확인하자. 구체적인 언어를 사용하자. 질문을 하는 목적은 문제를 정의하고 다음 단계에 대한 방향성을 찾는 것에 있습니다. 그..

🐾들어가며 여러 일정들이 있었고, 그 와중에 학습을 놓지 않기 위해 여러 가지 일들을 시도해봤습니다. 블로그를 정리하면서 7월에 썼던 긴 회고글에 다시 자극을 받아 11월에도 지속적으로 회고글을 씁니다! ✨본격적으로 이번 회고의 주된 내용은 기록, 관리, 학습에 대해서 입니다. 먼저 한 일에 대해서 나열, 해당 일들을 토대로 KPT를 작성하는 방식으로 진행했습니다. 열품타 기록을 종료 멋쟁이 사자처럼 FES7 수료 프로젝트 피드백 받고 리팩토링 시작 기술 블로그를 읽고 요약하는 스터디 시작 협업 시스템에 대한 고민 기술 블로그 연재하기 스터디 시작 개발자 100명과 소통하는 목표 설정 당근 인턴십 지원 ✅Keep : 유지할 점 시간을 기록하는 어플로 열품타를 사용하고 있었습니다. 대학 친구들과 같이 스터..

질문을 통해 문제를 정의하는 과정으로 설명을 하시는데, 내용이 정말 잘 들어왔습니다. 코스에 대한 설명이 좋아서 두고두고 읽어보고 싶습니다. 다음은 제가 이해를 바탕으로 한 요약입니다. 내용은 더 있지만, 하나하나 보자면 꽤 자세히 다루고 싶은 내용들이라서 전반적으로 정리를 해보았습니다. 1-1 컴포넌트가 복잡해지는 원인에 대해 고찰해보기 challenge goal : 논리적으로 기술에 대해 자신의 견해를 밝힐 수 있는가? ⏩지식을 다뤄온 태도 복잡도 : '제한된 리소스'에서 요구 사항을 구현하는 일 일 줄이는 일 1. 빠르게 코드를 이해할 수 있는 코드 구조로 만들기 ⏩ 데이터/계산/액션이 구분되어 있나요? 2. 하나의 수정 사항으로 인하여 다른 코드에 미치는 영향 줄이기 ⏩ 비즈니스 로직이 구분되어 ..

2023.09.27 벨로그를 운영 중입니다. 티스토리에는 어떤 글을 작성하는 게 좋을지 고민 중입니다. 2023.12.05 벨로그는 카테고리 기능이 없고, 일단 최신 순 정렬이기 때문에, 회고글이 연달아 올라오게 되면 개발 관련 글이 묻혔습니다. 그래서 카테고리 기능이 있는 티스토리로 이전했습니다. 중요한 글들은 하나씩 옮기고 있고, 옵시디언을 활용해서 글을 쓰고 있습니다! https://velog.io/@just_jh30

🐾들어가며 11월 중순에 올리는 10월 회고글입니다. 10월 말부터 11월초까지 대략 3주간 파이널 프로젝트를 끝내고 멋쟁이 사자처럼 프론트엔드 스쿨 7기를 수료했습니다. 많이 성장한 것을 느꼈고, 이에 대해서는 멋사 회고글로 돌아오겠습니다! ✨본격적으로 새로운 소식 리디북스에 전자책을 하나 냈습니다! 14명이서 쓴 책으로 제가 리더를 맡아 진행을 했습니다. 주니어를 위한 기술 면접 정리집으로, 요약답변과 상세 답변, 추가적으로 필요한 개념을 짧게 정리했습니다. 리디북스 눈떠보니 기술면접 전날 with JS Python > ✅Keep : 유지할 점 중꺾그마 | 중간에 무너질 뻔한 적이 종종 있었고 평소 같으면 바로 침대에 누워서 뒹굴거렸을 텐데 그러지 않고 계속 무언가를 하고 있었습니다. 그래서 결과물들..