전체 글

[TIL] 더 좋은 것을 위한 고민

🔥알고리즘 문제 풀이 프로그래머스 / level2 / 괄호 회전하기 GitHub - synuns/algorithm-study: 코딩 테스트 문제 풀이 및 알고리즘 공부 저장소입니다. 코딩 테스트 문제 풀이 및 알고리즘 공부 저장소입니다. Contribute to synuns/algorithm-study development by creating an account on GitHub. github.com stack 자료구조를 이용해야 쉽게 풀 수 있는 문제. stack 입문 문제로 괜찮아보인다. 📜리액트 숙련주차 시험 [🤪망가진 코드 해결하기] ✅ 추가하기 버튼을 클릭해도 추가한 아이템이 화면에 표시되지 않음. //todos.js // TODO : 추가하기 버튼을 클릭해도 추가한 아이템이 화면에 표시되지 ..

[TIL] 투두리스트 버전 2

📜알고리즘 문제 풀이 프로그래머스 / level2 / 귤 고르기 GitHub - synuns/algorithm-study: 코딩 테스트 문제 풀이 및 알고리즘 공부 저장소입니다. 코딩 테스트 문제 풀이 및 알고리즘 공부 저장소입니다. Contribute to synuns/algorithm-study development by creating an account on GitHub. github.com ✅투두리스트 보완하기 투두 카드 문자열 초과 처리하기 style .content { height: 45px; font-size: 18px; margin: 30px 20px 20px 20px; overflow-wrap: break-word; overflow: hidden; text-overflow: ellips..

[TIL] 미련이 남는 밤

✏알고리즘 문제 풀이 programmers / level2 / 2 x n 타일링 GitHub - synuns/algorithm-study: 코딩 테스트 문제 풀이 및 알고리즘 공부 저장소입니다. 코딩 테스트 문제 풀이 및 알고리즘 공부 저장소입니다. Contribute to synuns/algorithm-study development by creating an account on GitHub. github.com 동적계획법(Dynamic Programming)의 헬로월드같은 문제 타일링. 백준에서 오래전에 풀어본 적이 있지만, 오랜만에 리마인드하는 느낌으로 풀어봤다. 투두리스트 버전업하기 이 두가지를 추가해보자 1. redux로 전역상태관리 해주기 2. 디테일 페이지 만들기 버전 표기하기 git 버전 ..

[TIL] 끝까지 가는 놈이 이긴다

✏알고리즘 문제 풀이 programmers/level1/명예의전당(1) GitHub - synuns/algorithm-study: 코딩 테스트 문제 풀이 및 알고리즘 공부 저장소입니다. 코딩 테스트 문제 풀이 및 알고리즘 공부 저장소입니다. Contribute to synuns/algorithm-study development by creating an account on GitHub. github.com 명예의 전당 중에서 가장 작은 수를 배열로 리턴하는 문제. 크게 어렵지 않다. programmers/level1/직사각형별찍기 GitHub - synuns/algorithm-study: 코딩 테스트 문제 풀이 및 알고리즘 공부 저장소입니다. 코딩 테스트 문제 풀이 및 알고리즘 공부 저장소입니다. Con..

[React] 카운터로 시작하는 Redux

👨🏻‍💻MVC 패턴과 FLUX 패턴 이렇게 어렵고 복잡한 MVC패턴의 문제점이었던 양방향 바인딩으로 인해서 state의 관리에 어려움을 겪었다. 단방향 바인딩을 위해서 FLUX패턴이 등장하게 되었다. View는 MVC 패턴과 달리 데이터를 직접 변경시키지 않고 Action만을 넘겨준 후, View에서 이뤄진 Action은 반드시 Dispatcher를 거쳐 데이터 변경을 진행하게 됩니다. 데이터 변경이 이뤄진 이후, Store에 값을 저장하는 과정을 통해 View는 변경된 데이터를 Store를 통해서 전달받게 됩니다. 위와 같은 과정을 통해 이뤄진 데이터 변경은 뷰와 모델 사이의 state 전이를 간편화해주고 기존에 흐름을 파악하기 어려웠던 관리에 예측이 가능하게 해주어, 더욱 편리한 state 변경 방법..

[항해99] 3주차 React 입문 회고

✅투두리스트로 시작하는 리액트 투두리스트 구현 기능 투두리스트 추가 투두리스트 삭제 투두리스트 완료 / 취소 투두리스트 학습 목표 props로 컴포넌트 구성하기 리액트 훅(useState) 다루기 event handler로 이벤트 관리하기 vercel을 이용해 리액트 사이트 배포하기 이번 주차 과제는 투두리스트를 제작하는 것이었는데, 별다른 가이드라인도 없이 리액트를 시작하려니까 다들 많이 어려워하는 분위기였다. 개인적으로는 과제 요구사항으로는 배워가는 게 별로 없을 것 같아서 전부터 적용하고 싶었던 기술들을 적용해봤다. vite, typescript, antd, styled-components를 적용했다가 typescript는 개발 속도에서 시간적 한계를 느꼈고 antd는 커스텀이 너무 어려워서 vit..

자바스크립트 객체 부수기

객체란? 객체(object)란 실생활에서 우리가 인식할 수 있는 사물로 이해할 수 있다. 자바스크립트에서는 이름과 값으로 구성된 속성을 가지는 기본 데이터 타입을 말한다. 자바스크립트에서의 객체는? typeof([]) > "object" typeof({}) > "object" // 함수는 객체의 특성을 가지고 있지만 typeof로는 function을 출력함. typeof(function(){}) 'function' 자바스크립트에서는 원시 값을 제외한 나머지 값(함수, 배열 정규표현식)은 모두 객체이다. 자바스크립트를 구성하는 거의 모든 것이 객체라고 생각하면 된다. 자바스크립트는 객체 기반의 프로그래밍 언어라고 할 수 있다. 객체 구조 살펴보기 var counter = { num: 0, // 프로퍼티 /..

[TIL] 파산신청 직전입니다

✒알고리즘 문제 풀이 [programmers] level1 / 옹알이(2) GitHub - synuns/algorithm-study: 코딩 테스트 문제 풀이 및 알고리즘 공부 저장소입니다. 코딩 테스트 문제 풀이 및 알고리즘 공부 저장소입니다. Contribute to synuns/algorithm-study development by creating an account on GitHub. github.com regex 쓰고 싶게 만드는 문제 level1이지만 사실 level1이 아닌 문제 이 문제 덕분에 regex를 다시 공부했다. 정리는 따로 안했지만 옹알이(1) 문제도 같이 푸는 걸 추천한다. ✨regex 항상 문자열 처리할 일이 있을 때마다 regex 다시 공부해야지.. 해야지... 하다가 이제야..