전체 글 (28) 썸네일형 리스트형 클래스가 아닌 프로토타입 : JS 상속 메커니즘 살펴보기 파이썬, Java, C++는 모두 클래스를 선언하여 객체를 생성하고,상속을 구현하는 클래스 기반 객체지향 프로그래밍 언어입니다.자바스크립트 역시 객체지향 프로그래밍 언어이지만,위 언어들과는 객체와 상속을 다루는 방식에서 차이점이 있습니다.이번 글에서는 자바스크립트의 프로토타입(prototype)에 대해 알아보면서,자바스크립트는 프로토타입 기반의 객체지향 프로그래밍 언어이다. 라는 말의 의미를 정확히 이해해보겠습니다. 목차왜 프로토타입 기반 객체 생성 방식일까?클래스 기반 언어?생성자 함수와 프로토타입 예시프로토타입 객체(prototype, __proto__)프로토타입이란'생성자 함수, 프로토타입, 객체' 의 구조함수 객체 생성 시 내부 동작프로토타입 체인 vs 스코프 체인프로토타입 교체요약→ 다른 객체.. 토스트 메세지 전역 컴포넌트로 관리하기 안녕하세요. 디스턴스의 프론트엔드 개발자 박솔미입니다.이번에는 ‘토스트 메세지’를 전역 컴포넌트로 관리하는 리팩토링 방식에 대해 설명드리려고 합니다. 이전에 구현한 코드가 가지고 있던 문제점토스트 메세지는 사용자에게 간단한 알림이나 경고 문구를 효과적으로 전달하는 방법으로,서비스의 다양한 곳에서 편리하게 사용되고 있습니다.저희는 ‘react-hot-toast’라이브러리를 활용하여 이 토스트 메세지를 구현하였습니다 기능 자체는 잘 작동하는 듯 하지만 리팩토링을 하는 과정에서다음과 같은 문제점들을 발견하였습니다. 1. 컴포넌트마다 별도로 구현한 토스트 메세지 기능import toast, { Toaster } from 'react-hot-toast';const 컴포넌트 = () => { //...생략 toas.. 슬라이드 업 메뉴 구현하기 (with React) 안녕하세요. 디스턴스의 프론트엔드 개발자 박솔미입니다.요즘 디스턴스는 9월에 있을 전남대 축제를 위해 기능 확장을 준비 하고 있습니다.🎉 그 중 채팅페이지에서도 '사진 전송 기능'을 추가하려고 합니다.기존에는 채팅페이지에서 다음과 같은 기능들을 제공했었습니다.텍스트 채팅 기능일정 횟수에 도달하면 전화 버튼 활성화 기능신고하기 기능방 나가기 기능욕설 방지 필터링 기능여기서 '사진 전송 기능'을 추가하면서 화면 UI가 다음과 같이 리디자인 되었습니다.기능 추가 전후 화면위에 사진을 보면 오른쪽 상단에 전화버튼, 나가기 버튼이 있고왼쪽 하단에 신고하기 버튼이 있었습니다. 하지만 바뀐 디자인에서는 오른쪽 상단에 전화 버튼만 남겨두고사진 전송을 포함한 모든 기능을 + 버튼 안에 메뉴로 넣게 되었습니다. 이에 해.. [금융사관학교 68기] '최우수조' 후기 지난 몇 주간 저는 금융사관학교 68기 국제경제 전문가 과정을 수강하며,그동안 어렵고 낯설게만 느껴졌던 경제라는 분야를 새롭게 바라보게 되었습니다.단순한 강의를 넘어, 현실과 맞닿은 국제 경제의 흐름을 이해하고 함께 고민할 수 있었던 아주 뜻깊은 시간이었습니다. 어떤 걸 배웠나?68기의 커리큘럼은 국제경제 전문가 과정을 시작으로 설계되어 있었습니다.2008년 금융 위기의 원인을 시작으로 환율과 자본 이동의 이해,코로나의 경제 위기와 미국•유럽•일본 등 세계 경제의 구조와 역사까지짧은 시간 동안 정말 알차고 체계적으로 구성된 수업이었습니다. 무엇을 느꼈나?금융사관학교 68기 국제경제 전문가 과정은 일주일에 한 번, 총 4회차로 구성된 교육 과정으로 진행되었습니다.6명씩 팀을 이루어, 매주 개인 과제와.. [금융사관학교 68기] 3주차 : 유로화의 탄생 이번 금융사관학교 68기에서는 국제경제 전문가 과정을 위한 경제 수업이 진행됩니다. 3주차 수업에서는 세 가지 주요 주제를 중심으로 학습했습니다.바로 달러가 기축통화가 된 배경과 그 영향력, 유로화의 탄생 그리고 유로존의 구조적 문제점 특히 코로나19가 유로존에 미친 경제적 영향입니다.수업을 통해 달러가 어떻게 세계 경제의 중심축이 되었는지, 유로화가 어떤 과정 속에서 도입되었고 어떤 제약을 안고 있는지, 그리고 전 세계적인 팬데믹이 유럽 경제에 어떤 충격을 주었는지를 깊이 있게 배울 수 있었습니다. 이번 글에서는 그 내용을 간단히 정리하고, 복습하는 의미에서 개인적인 소감을 함께 공유해보려고 합니다. 목차달러가 기축통화가 된 배경과 그 영향력페트로 달러의 탄생: 석유와 달러의 결합세계가 달러를 원하게 .. [경제기사 코멘트] ATS 제한 규정, 글로벌 표준과 동떨어졌다! ‘거래소 편향적’인 ATS 제한 규정…해외 사례는https://n.news.naver.com/mnews/article/243/0000074924 ‘거래소 편향적’인 ATS 제한 규정…해외 사례는대체거래소(ATS)의 거래량을 제한하는 이른바 ‘15% 룰’을 두고 증권업계 일각에서 해당 규정이 한국거래소에 편향적이라는 지적이 나오고 있다. 시장 경쟁 활성화를 목표로 ATS를 도입했지만,n.news.naver.com 1. 기사요약대체거래소(ATS)의 거래량을 제한하는 이른바 ‘15% 룰’을 두고 증권업계 일각에서 해당 규정이 글로벌 표준과 동떨어짐을 지적하고 있습니다.하지만 금융당국은 ATS 출범 초기 단계이기에 현행 규정 유지를 선언했습니다. 한국거래소(KRX)는 국내 유일한 종합 주식 거래소로,그간 독점.. [경제기사 코멘트] ‘바이브세션’으로 본 미국 경기, 통계와 심리의 간극 소비자 심리 얼어붙는데…왜 파월은 "경제 괜찮다" 했을까 [김인엽의 매크로 디코드]https://n.news.naver.com/mnews/article/015/0005109621 소비자 심리 얼어붙는데…왜 파월은 "경제 괜찮다" 했을까 [김인엽의 매크로 디코드]"소비자 지출은 약간 둔화하고 있지만 여전히 견조한 속도를 유지하고 있습니다. 실업률은 4.1%입니다. … 전반적으로 견고한 상황입니다" 제롬 파월 미국 중앙은행(Fed) 의장은 지난 19일(현지시n.news.naver.com 1. 기사요약해당 기사에서는 미국 경제 실물은 '견조'하지만 국민들은 '불안' 심리를 가지고 있어이들 사이의 괴리감(바이브세션)을 언급하고 있습니다. 지난 3월 19일 FOMC 회의에서 연준은 기준금리를 동결하기로 결정했습니.. [금융사관학교 68기] 2주차 : 금융위기 이후의 달라진 경제정책 이번 금융사관학교 68기에서는 국제경제 전문가 과정을 위한 경제 수업이 진행됩니다.2주차 수업을 통해 금융 위기 이후의 달라진 통화정책, 양적완화, 테이퍼링과 출구전략 그리고 코로나 위기와의 차이점에 대해 공부했습니다.이를 복습하는 의미에서 수업 내용 정리 및 후기를 공유해보려고 합니다. 목차물가안정 vs 고용안정: 연준의 통화정책을 물가지수로 풀어보자물가지수PCE의 구성연준의 통화정책 : 물가안정에서 고용안정으로코로나 이후의 경제 위기는 어떻게 극복했나?정부나 중앙은행이 환율 결정에 개입하는 방법시장에 돈을 푸는 5가지 방법양적완화와 테이퍼링, 양적긴축 그리고 출구전략코로나와 금융위기의 차이점 1. 물가안정 vs 고용안정: 연준의 통화정책을 물가지수로 풀어보자물가지수는 물가의 전반적인 흐름을 파악하기 .. 이전 1 2 3 4 다음
