나디아 성장 일기

🛠️ 문제 9093번: 단어 뒤집기  💡 풀이const fs = require('fs');const path = require('path');const input = fs.readFileSync(path.join(__dirname, 'input.txt')).toString().trim().split('\n');// ['I am happy today', 'We want to win the first prize']// input의 각 줄을 하나씩 처리하는 함수const result = input.slice(1).map(line => { // 첫 번째 줄을 제외한 나머지 줄 처리 // line은 현재 처리하고 있는 줄 const reversedWords = line.split(' ').map(w..

멋사 프론트엔드 스쿨 10기 EP 2: 수료 후 회고미루고 미루다가 회고 2화 만에 수료 후기;    기간2024.04.22 ~ 09.25 (약 5개월)  과정HTML / CSS 제일 쉽다고 생각한 것들이 사실 지금껏 대충 써왔기 때문에 쉬웠다는 걸 알게 됐다. JavaScript가볍게 알고 있던 문법들을 깊이 있게 배울 수 있었다. React머리가 못 따라줬을 뿐 훌륭한 수업이었다. 어느정도 기본 지식이 있는 상태에서 들었으면 더 좋았을 것 같았다.  성과바닐라 자바스크립트 프로젝트 (2주)티빙(Tving): OTT 사이트 티빙 클론코딩 프로젝트 GitHub - FRONTENDSCHOOL10/5jorago-vanilla-project: 멋사 10기 5조 TVING 클론 프로젝트멋사 10기 5조 TVIN..

🛠️ 문제 11066번: 프린터 큐  💡 풀이const fs = require('fs');const path = require('path');const input = fs.readFileSync(path.join(__dirname, 'input.txt')).toString().trim().split('\n');// 배열 분해let [n, ...arr] = input; // n은 테스트 수, 나머지는 테스트 정보// 문자열 배열을 숫자 배열로 변환arr = arr.map((item) => item.split(' ').map(Number));let answer = '';for (let i = 0; i    Algorithm-study/Algorithm/Solving/Stack & Que/1966.js a..

🛠️ 문제 9012번 괄호   💡 풀이const fs = require('fs');const path = require('path');const input = fs.readFileSync(path.join(__dirname, 'input.txt')).toString().trim().split('\n');const len = input.shift(); // input.txt의 첫 번째 요소 (문자열의 개수) 반환const result = [];for (let i = 0; i    Algorithm-study/Algorithm/Solving/Stack & Que/9012.js at main · kwonboryong/Algorithm-study알고리즘(algorithm) 문제 풀이 스터디 . Contrib..

✏️ 개념 공부 요세푸스 순열 (Josephus permutation) : 유대인 역사가 플라비우스 요세푸스가 겪은 경험을 바탕으로 만들어진 문제   문제 규칙n명의 사람이 원형으로 앉아있다.첫 번째 사람부터 시작하여 k번째 사람을 제거한다.제거된 다음에는 그 다음 사람부터 다시 k번째 사람을 제거하는 과정을 반복 한 다.이렇게 해서 모든 사람이 제거될 때까지 계속한다.사람들의 제거 순서를 요세푸스 순열이라고 한다.  요세푸스 순열 구하는 방법자료 구조 큐(Queue)를 사용하여 해결할 수 있다.큐는 선입선출(First-In-First-Out, FIFO) 방식으로 동작하며, 사람들을 원형으로 배치하고 제거하는 과정을 큐에서 처리하는 방식이다.   🛠️ 문제 1158번 요세푸스 문제  💡 풀이const..

✏️ 개념 공부 스택(stack) Algorithm/Algorithm/CS-Theory/Data-Structures/Stack & Queue.md at main · kwonboryong/Algorithm알고리즘(algorithm) 문제 풀이 스터디 . Contribute to kwonboryong/Algorithm development by creating an account on GitHub.github.com  큐(queue) Algorithm/Algorithm/CS-Theory/Data-Structures/queue.js at main · kwonboryong/Algorithm알고리즘(algorithm) 문제 풀이 스터디 . Contribute to kwonboryong/Algorithm devel..

💡CS스터디 회고 GitHub - kwonboryong/CS-study: CS 스터디 공부CS 스터디 공부. Contribute to kwonboryong/CS-study development by creating an account on GitHub.github.com   기간 2024.08.18 ~ 09.22   목표이론적 기초 다지기컴퓨터 과학의 핵심 개념과 원리를 학습하여 이론적 기초를 다진다.알고리즘, 데이터 구조, 운영 체제 등 기본적인 내용을 깊이 이해한다.피드백과 성장스터디원 간의 피드백과 논의를 통해 지식을 완전히 내 것으로 만들고, 기술 발표에 익숙해진다.  규칙주 1회 대면으로 진행한다.기술 면접 대비 CS전공 핵심요약집으로 진행한다.   진행 방식 책 내용을 매주 1장 씩 공부한 ..

⛅리액트 파이널 프로젝트: Style Cast☔ 회고 목차프로젝트 개요기간소개목적배포기능 구현역할 분담기능 분담프로젝트를 통해 알게 된 것들회고칭찬반성노력느낀점결론프로젝트 전반적인 성과향후 계획 및 방향  🗂️ 프로젝트 개요 ⛅ 리액트 파이널 프로젝트: Style Cast ☔ 날씨 기반 오늘의 옷(OOTD) 추천 애플리케이션  기간2024. 08. 26 ~ 09. 24   프로젝트 소개 기온만으로는 적절한 옷차림을 결정하기 어려운 경우가 많습니다.이 애플리케이션은 당일 날씨와 기온에 따라 적합한 옷차림(Outfit of the Day, OOTD)을 추천받을 수 있도록 설계되었습니다.이를 통해 사용자에게 보다 정확하고 실용적인 옷차림 정보를 제공하고, 일상에서의 편리함을 더하고자 합니다.   프로젝트 목..

📌 리액트 라이브러리 모음   ✅UI 템플릿 라이브러리리shadcn/ui: Radix UI와 Tailwind CSS를 기반으로 한 React UI 컴포넌트 라이브러리 스타일은 Tailwind CSS로 쉽게 꾸밀 수 있고, 기능은 Radix UI를 기반으로 해서 접근성도 잘 갖춰져 있다. shadcn/uiBeautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.ui.shadcn.com   MUI: 리액트 UI를 모아둔 라이브러리 MUI: The React component library you always wantedMUI provides a simple, c..

📌 IntersectionObserver 객체 : 웹 페이지에서 특정 요소가 화면에 보이거나 사라지는 것을 감지할 수 있는 도구 ex)  사용자가 페이지를 스크롤할 때 이미지가 화면에 나타나는 순간에만 그 이미지를 불러오게 하려는 상황에서 사용될 수 있다.      📌 intersectionObserve(): 새로운 IntersectionObserver 객체를 생성, 반환교차 관찰자 API브라우저 뷰포트(Viewport)와 설정한 요소(Element)의 교차점을 관찰한다.➡︎ 사용자 화면에 지금 보이는 요소인지( 요소가 뷰포트에 포함되는지)를 구별하는 기능을 제공한다.사용 상황이미지나 동영상 로딩: 스크롤할 때, 이미지가 화면에 보이는 순간 이미지를 로딩하게 하고 싶을 때 사용된다.이를 통해 페이지 ..