티스토리

망그러진 블로그

검색하기

블로그 홈

망그러진 블로그

cwkim0321.tistory.com/m

망그러진 개발생각들

구독자: 4

방명록 방문하기

주요 글 목록

Next.js 14 Dynamic Metadata 블로그 이전하였습니다. https://www.chanwooyam.dev/series/next-blog/W6tcofZHcwLgRh28uN9G Next.js 14 Dynamic MetaDataNext.js 로 블로그를 만들던중, SSR 을 사용하는 이유중에 하나인 SEO 최적화를 위해서 기존 티스토리 블로그를 링크하였을때 나타나는 metadata 정보들을 구현하고자 하...www.chanwooyam.dev 공감수 0 댓글수 0 2024. 5. 8.
Github처럼 Textarea 로 이미지 업로드하기 (Next.js) 블로그 이전하였습니다. https://www.chanwooyam.dev/series/next-blog/fdyKrh1HcHqrXZegb8CZ Next.js 블로그 이미지 Github 처럼 업로드하기 (Drag & Drop)지난 포스팅에 이어 Github 처럼 이미지를 드래그해서 Textarea 에 넣을시, 이미지 URL 이 출력되는 방식을 도입하려고 합니다. 마크다운 문법을 파싱하여 블로그 글...www.chanwooyam.dev 공감수 0 댓글수 0 2024. 4. 29.
프론트엔드 테스트 코드 (with vitest) 블로그 이전하였습니다. https://www.chanwooyam.dev/snippets/testcode/zQSmXJL5WclYCtPUSeKI 프론트엔드 테스트 코드 (with vitest)## 테스트코드란? 테스트코드는 소프트웨어 개발 과정에서 작성하는 코드로, 주어진 소프트웨어의 다른 부분이 의도대로 작동하는지 확인하는 코드입니다. 특히 새롭게 코드변경이나 ...www.chanwooyam.dev 공감수 0 댓글수 0 2024. 4. 22.
파일 압축을 통한 웹 최적화 블로그 이전하였습니다. https://www.chanwooyam.dev/series/snowball-project/DylIMHirKigRtMyG7gFz 파일 압축을 통한 웹 최적화이전 코드스플리팅과 청크분리 포스팅에 이어 만족스럽지 못해 계속해서 웹 최적화를 진행하였습니다. 코드 스플리팅, 번들러 청크 분리 등 여러 시도를 하였지만, 여전히 성능 수치...www.chanwooyam.dev 공감수 0 댓글수 0 2024. 4. 21.
Typescript Enum 과 Union Types (feat. Rollup Tree shaking) 블로그 이전하였습니다. https://www.chanwooyam.dev/snippets/typescript/XO32QXEriiKarJFzJr1Y Typescript Enum 과 Union Types (feat. Rollup Tree shaking)타입스크립트를 공부하다 자바스크립트에는 없지만 타 언어에는 존재하는 Enum 학습하게 되었습니다. Enum (열거형) 은 프로그래밍 언어에서 상수들의 집합을 정의하는 데 사용되는...www.chanwooyam.dev 공감수 0 댓글수 0 2024. 3. 22.
Typescript 유틸리티 타입 블로그 이전하였습니다. https://www.chanwooyam.dev/snippets/typescript/L7e4CmhBMj3kCZMcN0Qg Typescript 유틸리티 타입Next.js 14 로 만드는 외주 프로젝트 중 SSR, SSG 로 렌더링을 진행하다 보니 불편한 문제가 생기게 되었습니다. ```typescript //page.tsx cons...www.chanwooyam.dev 공감수 0 댓글수 0 2024. 3. 20.
Recoil 을 이용한 Modal 커스텀 훅 구현하기 (feat. shadcn) 블로그 이전하였습니다. https://www.chanwooyam.dev/snippets/custom-hooks/imNTP5ndEaIBsL9sWBFm Recoil 을 이용한 Modal 커스텀 훅 구현하기 (feat. shadcn)외주 프로젝트를 진행하면서 Modal 을 띄울일이 생각보다 많았습니다. 에러, 입력창, 확인창 등 여러 타입의 Modal 모달이 필요하였고, 같은 depth 라도 현재 상태의 조...www.chanwooyam.dev 공감수 0 댓글수 0 2024. 3. 12.
Next.js 14 서버 컴포넌트 블로그 이전하였습니다. https://www.chanwooyam.dev/snippets/next-js/F4opAw6OWqM6bUnwEVpYNext.js는 React 기반의 웹 프레임워크로, 웹 애플리케이션을 구축하..." data-og-host="www.chanwooyam.dev" data-og-source-url="https://www.chanwooyam.dev/snippets/next-js/F4opAw6OWqM6bUnwEVpY" data-og-url="https://chanwooyam.dev/snippets/next-js/F4opAw6OWqM6bUnwEVpY" data-og-image="https://scrap.kakaocdn.net/dn/JwhNF/hyVZkuYvHj/zlKBw7kX57IcYECHd.. 공감수 0 댓글수 0 2024. 3. 12.
웹 폰트 최적화 블로그 이전하였습니다. https://www.chanwooyam.dev/series/snowball-project/V9Yva66BrptVhTKY3UCG 웹 폰트 최적화네이버 부스트캠프에서 제작한 프로젝트가 페이지가 로드될 때 폰트 로딩이 걸려 의도한 폰트가 아닌 다른 폰트가 먼저 보이게 되는 문제를 발견하였습니다. 기존 ttf 폰트파일을 로...www.chanwooyam.dev 공감수 0 댓글수 0 2024. 3. 11.
Vite 청크 분리 및 gzip 압축 (feat. Three.js) 블로그 이전하였습니다. https://www.chanwooyam.dev/series/snowball-project/JpBnsI5hY9tiuN2RwWVs Vite 청크 분리 및 gzip 압축 (with. Three.js)네이버 부스트캠프 스노우볼 프로젝트의 성능향상을 위해서 lighthouse 수치를 확인하는 도중, 문제를 확인하게 되었습니다. 코드 스플리팅을 진행하였어도 특정 청크 파일이 ...www.chanwooyam.dev 공감수 0 댓글수 0 2024. 3. 11.
React Code Splitting 블로그 이전하였습니다. https://www.chanwooyam.dev/series/snowball-project/IaZ7hVQy6vXfEND9dGXD React Code Splitting네이버 부스트캠프에서 진행한 스노우볼 프로젝트의 로딩 속도를 향상시키기 위해 여러 방안을 찾던 중, 다음과 같은 문제를 발견하였습니다. 위 스크린샷과 같이 MainPage 기...www.chanwooyam.dev 공감수 0 댓글수 0 2024. 3. 10.
Recoil 을 이용한 상태관리 (feat. useContext) 블로그 이전하였습니다. https://www.chanwooyam.dev/series/snowball-project/CPDYyKybjnBtaZ0q42cR Recoil 을 이용한 상태관리 (feat. useContext)기존 스노우볼 프로젝트는 useContext API 를 통해 상태를 공유하며 관리하였지만, Provider 가 데이터를 제공하는 하위 컴포넌트 모두 useState 의 상태 변경시...www.chanwooyam.dev 공감수 0 댓글수 0 2024. 3. 10.
Three.js 클릭 이벤트 (Raycaster) 블로그 이전하였습니다. https://www.chanwooyam.dev/series/snowball-project/u7NRxR73DCdSuT6Ylfoh Three.js 클릭 이벤트 (Raycaster)스노우볼 프로젝트를 제작하며, 스노우볼 클릭시에 스노우볼 내부로 들어가고, 장식 클릭시에 메세지 컴포넌트를 보이게 하려 기획을 하였었습니다. 3D 모델 렌더링을 하기 위해서 저...www.chanwooyam.dev 공감수 0 댓글수 0 2024. 3. 9.
React 리렌더링 최적화 (useContext, React.memo) 블로그 이전하였습니다. https://www.chanwooyam.dev/series/snowball-project/yw8pbwZaGoIWKm6YTjY5 React 리렌더링 최적화 (useContext, React.memo)스노우볼 서비스를 상태관리 라이브러리 Recoil 을 사용하기 이전, useContext API 를 사용하여 상태관리를 진행하였습니다. ## useContext 를 사용한 이유 ...www.chanwooyam.dev 공감수 0 댓글수 0 2024. 3. 8.
모바일 환경에서 100vh 문제 블로그 이전하였습니다. https://www.chanwooyam.dev/snippets/css/LYXnHQKO3fy5n55WGMIu 모바일 환경에서 100vh 문제네이버 부스트캠프 프로젝트를 제작중에 여러 모바일 환경에서 동일한 화면을 보이기 위해 구현 하는 도중 문제가 발생했습니다. 기존 body 태그의 height 를 100vh 로...www.chanwooyam.dev 공감수 1 댓글수 1 2024. 3. 8.
정규 표현식 - with Javascript 블로그 이전하였습니다. https://www.chanwooyam.dev/snippets/javascript/8vcNyPvdD0r0nruOFgEZ 정규 표현식 - with Javascript## 정규표현식 이란 ? 정규표현식 (Regular Expression), 줄여서 정규식 이라고도 하는 표현식은 문자열에서 특정한 패턴을 검색하거나 대체하는데 사용됩니다. 원...www.chanwooyam.dev 공감수 0 댓글수 0 2023. 8. 24.
Javascript 의 모듈화 블로그 이전하였습니다. https://www.chanwooyam.dev/snippets/javascript/aqMtr6AmVdOILsfeqyrO Javascript 의 모듈화프로그래밍 중, 하나의 소스코드를 여러 개의 소스 파일로 모듈화 시켜 코드의 재사용성과 가독성을 향상시키기도 합니다. 이를 자바스크립트에서는 어떻게 할까요? 먼저 자바스크립트의...www.chanwooyam.dev 공감수 0 댓글수 0 2023. 8. 24.
네이버 부스트캠프 웹 · 모바일 8기 챌린지 후기 블로그 이전하였습니다. https://www.chanwooyam.dev/series/memorize/WEnwXiZBwKKyHejA1BAW 네이버 부스트캠프 웹 · 모바일 8기 챌린지 후기2023년 8월 4일 부스트캠프 챌린지가 종료되었습니다. 챌린지가 종료되자마자 멋쟁이 사자처럼 해커톤을 준비하느라 쉴 틈도 없이 바빴습니다. 해커톤 하루 전에 코로나 걸려서...www.chanwooyam.dev 공감수 0 댓글수 1 2023. 8. 19.
네이버 부스트캠프 웹 · 모바일 8기 코딩테스트 후기 + 챌린지 합격 블로그 이전하였습니다. https://www.chanwooyam.dev/series/memorize/bahHs1rWvrVnkJSqj4jf 네이버 부스트캠프 웹 · 모바일 8기 코딩테스트 후기 + 챌린지 합격5월달 네이버 부스트캠프 웹 모바일 8기 공고가 올라오게 되어 지원하였습니다. 42서울 교육 프로그램에 참여 하고 있었던 저는 C언어를 통해 CS지식을 학습중이였고, 프로젝트...www.chanwooyam.dev 공감수 1 댓글수 2 2023. 7. 5.
[Operating System] Chapter 4-2 Thread 블로그 이전하였습니다. https://www.chanwooyam.dev/series/operating-system/okr1NDheiQPzq6kcBxVV [Operating System] Chapter 4-2 Thread## 4.3 Multithreading Models 이전 포스팅에서 알아보았던 쓰레드는 두개의 타입이 존재합니다. user threads : 커널 위에서 동작, 커널 지원이 ...www.chanwooyam.dev 공감수 0 댓글수 2 2023. 6. 1.
[Operating System] Chapter 4-1 Thread 블로그 이전하였습니다. https://www.chanwooyam.dev/series/operating-system/dPLZYISDiYpTi8lM5YQh [Operating System] Chapter 4-1 Thread## 4.1 Overview 지금까지 알아보았던 프로세스는 single thread 를 예시로 알아보았습니다. 하지만 프로세스 자체는 여러개의 thread를 가질수 있습니다...www.chanwooyam.dev 공감수 0 댓글수 1 2023. 6. 1.
[Operating System] Chapter 3-3 Process 블로그 이전하였습니다. https://www.chanwooyam.dev/series/operating-system/Zc0VNuPtV9JCIPD7h0HB3.7 Examples of IPC Systems 지난 포스팅에 이어 IPC 시스템은 실제 어떻게 사용되고 있는지 알아보겠습니다. 다음은 IPC 시스템의 예시입니다. ..." data-og-host="www.chanwooyam.dev" data-og-source-url="https://www.chanwooyam.dev/series/operating-system/Zc0VNuPtV9JCIPD7h0HB" data-og-url="https://chanwooyam.dev/series/operating-system/" data-og-image="https://scra.. 공감수 0 댓글수 0 2023. 5. 31.
[Operating System] Chapter 3-2 Process 블로그 이전하였습니다. https://www.chanwooyam.dev/series/operating-system/l9wrnitrcM9gfaw9FbXh [Operating System] Chapter 3-2 Process## 3.4 Interprocess Communication 이번 포스팅은 프로세스간 어떻게 통신하는지 알아 볼 예정입니다. 두개의 프로세스는 실행하는데 independent...www.chanwooyam.dev 공감수 1 댓글수 2 2023. 5. 24.
[Operating System] Chapter 3-1 Process 블로그 이전하였습니다. https://www.chanwooyam.dev/series/operating-system/ySkzUIKwJtx4rKKx9I3H [Operating System] Chapter 3-1 Process## 3.1 Process Concept 프로세스란 무엇일까 ? 프로세스란 실행중인 하나의 프로그램을 말합니다. 운영체제 에서는 하나의 작업단위가 프로세스이기도 합니다. ...www.chanwooyam.dev 공감수 0 댓글수 0 2023. 4. 23.
[Operating System] Chapter 01-02. Introduction & OS structures 블로그 이전하였습니다. https://www.chanwooyam.dev/series/operating-system/LLhJJfubpSodhfkuy115 [Operating System] Chapter 01-02. Introduction & OS structuresOperating system (운영체제) 은 컴퓨터의 하드웨어를 관리하는 소프트웨어 입니다. 이하 OS 라고 하겠습니다. 또한 OS는 응용 프로그램에 대한 기반을 제공하며 컴퓨...www.chanwooyam.dev 공감수 1 댓글수 0 2023. 3. 15.
Operating System (운영체제) 란 ? 블로그 이전하였습니다. https://www.chanwooyam.dev/series/operating-system/FEKRInORMnpN9nBkT1aK Operating System (운영체제) 란 ?이번 학기에 컴퓨터 공학과 전공필수 과목 Operating System 을 수강하게 되어 포스팅을 시작하였습니다. 앞으로 한 학기동안 공부하며 학습한 지식을 정리하여 포스팅 할 ...www.chanwooyam.dev 공감수 0 댓글수 0 2023. 3. 2.
42Seoul 8기 본과정 합격 블로그 이전하였습니다. https://www.chanwooyam.dev/series/memorize/hEss7wrQrsCrCUhzDQlh 42Seoul 8기 본과정 합격지난 8월부터 9월. 8기 1차 라피신을 진행한 뒤, 한달 반 가량 기다렸던 결과가 어제 메일로 받게 되었습니다. 한달 반 동안 떨어질수도 있다는 불안감을 가지고 일상을 보내고 ...www.chanwooyam.dev 공감수 8 댓글수 7 2022. 11. 1.
42Seoul 라피신 8기 1차 후기 + 본과정 합격 블로그 이전하였습니다. https://www.chanwooyam.dev/series/memorize/2FP4YOsqfjlZnQUHg8uJ 42Seoul 라피신 8기 1차 후기 + 본과정 합격## 42 서울이란? 42Seoul 이라는 국가 과학기술정보통신부에서 지원하는 소프트웨어 개발자 양성 프로그램 입니다. 교수, 교재, 학비가 전혀 없고 오로지 과제만 던져주...www.chanwooyam.dev 공감수 11 댓글수 11 2022. 9. 19.
파이썬 Email 전송 - smtplib import smtplib from email.message import EmailMessage import imghdr import re SMTP_SERVER = "smtp.gmail.com" SMTP_PORT = 465 def sendEmail(addr): reg = "^[a-zA-Z0-9.+_-]+@[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$" if bool(re.match(reg,addr)): smtp.send_message(message) print("정상적으로 메일이 발송되었습니다.") else: print("유효한 이메일 주소가 아닙니다.") message = EmailMessage() message.set_content("코드라이언 수업중입니다.") message["Subject"].. 공감수 1 댓글수 0 2022. 9. 17.
파이썬 오늘의 날씨 API import requests import json city = "Seoul" apikey = "################################" lang = "kr" # units - metric &기호를 통해 기능 추가 화씨에서 섭씨로 api = f"""http://api.openweathermap.org/data/2.5/\ weather?q={city}&appid={apikey}&lang={lang}&units=metric""" result = requests.get(api) # print(result.text) data = json.loads(result.text) # 지역 : name print(data["name"],"의 날씨입니다.") # 자세한 날씨 : weather - descr.. 공감수 1 댓글수 0 2022. 9. 17.

문의안내

티스토리
로그인
고객센터

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