뭉균의 개발일지

📜 들어가며 매일매일 JS를 사용해서 개발을 하고 있지만, 배열의 메소드들의 의미가 혼동되어 이를 바로잡고자 이번 포스팅을 진행하게 되었습니다! 모든 메소드를 정리하지는 않았고 많이 사용되는 메소드 위주로 작성했습니다 👨‍💻  ✅ 배열 생성Array.from(): 유사 배열 객체나 반복 가능한 객체를 배열로 변환합니다.Array.isArray(): 주어진 값이 배열인지 확인합니다.// Array.from()const str = "hello";const arrFromStr = Array.from(str); // ['h', 'e', 'l', 'l', 'o']// Array.isArray()console.log(Array.isArray(arrFromStr)); // true  ✅ 데이터 추가/제거push..

🚪 들어가며  저는 코드잇 스프린트 프론트 엔드 9기 수료 중이며, 2024년 10월 18일(금)부터 2024년 11월 5일(화)까지 약 3주간 중급 프로젝트를 진행합니다. 이 기간 동안 4명의 팀원들과 함께 일정 관리 웹 애플리케이션 Taskify를 제작할 예정입니다.이번 프로젝트는 Next.js 프레임워크를 사용하여 진행하는 첫 번째 프로젝트로, 로그인과 같은 사용자 기능을 처음으로 적용해보는 것에 대해 설레는 마음을 가지고 프로젝트를 시작했습니다.😎   📚 프로젝트 소개 Taskify는 일정 관리와 공유 기능을 제공하는 웹 애플리케이션입니다. 사용자는 가족, 회사 등 다양한 커뮤니티를 생성하고, 멤버를 초대하여 일정과 할 일 목록을 함께 관리할 수 있습니다. 커뮤니티 내에서 작성된 일정은 카드..

🚪 들어가며 프로젝트 진행 중 백엔드(서버)에서 토큰 값을 넘겨줄 때, 프론트엔드에서 토큰의 저장 방식을 결정해야 하는 상황이 발생했습니다. 이 경우에 쿠키 또는 로컬 스토리지에 토큰을 보관해야하는데 각각 어떤 상황에 사용해야하는 지 의문이 생겨 해당 부분을 공부하게 되었고 공부한 내용을 정리하기위해 이번 포스팅을 작성했습니다🖥️  📚 쿠키와 로컬 스토리지가 무엇인가? 🍪 쿠키(Cookie) 쿠키는 웹 서버에서 클라이언트(사용자의 브라우저)에 저장하는 작은 데이터 파일입니다. 웹사이트를 방문할 때 특정 정보를 클라이언트에 저장해두고, 이후 재방문 시 이 정보를 활용하여 사용자 경험을 맞춤화하거나 사용자의 로그인 상태를 유지하는 용도로 사용됩니다. 쿠키는 브라우저에 저장되며, 서버와 클라이언트 간의..

🚪 들어가며 예시 코드를 Next.js로 작성하여 이번 포스팅을 Next.js로 분류하였고 바닐라 js나 react에서도 비슷한 방식으로 구현할 수 있습니다. 예시 코드에서 스타일링은 tailwind CSS를 통해 간단히 구현했습니다.   📚 개념 정리  모달 창(Modal)은 화면 위에 나타나는 팝업 창으로, 사용자가 그 창을 닫거나 조작하지 않으면 배경의 다른 요소들과 상호작용할 수 없게 만듭니다. 주로 사용자에게 중요한 정보를 전달하거나 특정 작업을 완료하도록 요구할 때 사용됩니다.모달 창은 일반적으로 absolute 또는 fixed 포지셔닝을 사용하여 화면의 중앙에 위치시키며, 배경은 흐리게 하거나 클릭할 수 없도록 막습니다. 저는 fixed를 사용하여 모달 창을 만들었습니다.   🖥️ 예시..

"35세 넘어 낳으려 해도…" 올해 벌써 4만명 '초유의 상황'🔗 기사 링크: https://www.hankyung.com/article/2024102068991 "35세 넘어 낳으려 해도…" 올해 벌써 4만명 '초유의 상황'"35세 넘어 낳으려 해도…" 올해 벌써 4만명 '초유의 상황', 늘어난 고위험 산모…올해 4만명이 유·사산 25.4%로 10년 만에 '최고' 첫 출산 33세 OECD '최고령' 35세 넘는 고위험 산모도 36% 정부, 유산방www.hankyung.com  📝 용어정리 유산: 임신 20주 이전에 태아가 사망해 자궁 밖으로 배출되는 것을 의미합니다.사산: 임신 20주 이후에 태아가 사망한 상태에서 분만되는 경우를 말합니다.이번 통계에서 유산 수치는 인공 임신중절(낙태)을 제외한 수..

S&P500, 올해 45번째 최고치 경신…"AI랠리 더 간다"기사 링크: https://www.hankyung.com/article/2024101568571 S&P500, 올해 45번째 최고치 경신…"AI랠리 더 간다"S&P500, 올해 45번째 최고치 경신…"AI랠리 더 간다", 美증시 2년 넘게 '활황' 빅테크 3분기 실적 발표 기대감 BoA "기술기업 30곳 평균 순익 시장 컨센서스보다 5% 웃돌아" 엔비디아·애플·MS 등 상승세www.hankyung.com  🚪 들어가며 이번주에 예비군 훈련이 있었고 훈련이 끝나면 다른 공부를 하느라 경제신문읽기를 하지 않아 거의 5일만에 포스팅합니다😂이번 포스팅에서는 S&P500의 최고치 경신에 대한 내용을 다룰 것입니다.   📚 기사 요약 미국 증시 AI..

기준금리 연 3.50→3.25%…3년2개월 만에 '피벗'🔗 기사 링크: https://www.hankyung.com/article/202410118002i [속보] 기준금리 연 3.50→3.25%…3년2개월 만에 '피벗'[속보] 기준금리 연 3.50→3.25%…3년2개월 만에 '피벗', 강진규 기자, 경제www.hankyung.com  🚪 들어가며 10월 기준 금리 예상에 대한 포스팅을 몇 개 작성했었는데, 오늘 공식적으로 인하 발표가 났습니다. 기준 금리를 인하한 이유 그리고 인하폭이 0.25%인 이유까지 기사를 통해 알아보겠습니다.    📚 기사요약 한국은행, 3.25%로 기준금리 인하 한국은행이 금융통화위원회 통화정책방향 회의에서 기준금리를 연 3.50%에서 연 3.25%로 인하했습니다. 이는..

활력 잃은 소비·투자…3분기도 '성장 부진' 예고🔗 기사 링크: https://www.hankyung.com/article/2024100674691 활력 잃은 소비·투자…3분기도 '성장 부진' 예고활력 잃은 소비·투자…3분기도 '성장 부진' 예고, 빨간불 켜진 올 '2.6% 성장' 휘청이는 경기 낙관론 車·반도체 수출 온기 확산 안돼 내수 부진에 2분기 결국 역성장 건설·설비투자 동반 침체 지www.hankyung.com 🚪 들어가며  저번주에 10월 기준금리 결정에 대한 글을 작성했었습니다. 이 글에서 내수 부진으로 인한 기준 금리 인하 가능성을 언급했었는데 이 기사에서는 내수 부진에 대한 자세한 내용을 담고 있습니다. 내수 부진이 심화된 상황이기에 금리 인하쪽으로 의견이 더 모일 수도 있을 것 같..