TIL

[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..

[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 다시 공부해야지.. 해야지... 하다가 이제야..

[TIL] 결국 쓰러졌습니다

🏃🏻‍♂️숙련 주차 시작 이번 주차 목표는 다음과 같다. 1. redux로 상태 관리하기 2. styled-components로 css-in-js 적용하기 3. react-router-dom으로 router 구현 저번 주차에 만들었던 투두 리스트에 추가 기능들을 구현하면 된다. 위 목표에 대한 추가 기능은 다음과 같다. 1. todos 데이터들은 redux를 이용해 전역 상태로 관리하기 2. css 파일들은 styled-components 라이브러리로 대체하기 3. 투두 디테일 페이지를 react-router-dom으로 구현하기 📮상태 관리 시작하기 시작하기 전에 좋은 자료들부터 공유해본다. [기억보다 기록을 기술 블로그] react-redux 사용법, redux, react, react16, state..

[TIL] 하루가 너무 짧다구요

🥽리액트 입문 주차 시험 🔍시험 문제 살펴보기 1. 레이아웃과 기능은 화면에 보이는대로 2. App.jsx와 App.css 파일만 이용하기 3. 배포하기 레이아웃는 특별할 건 없으니 넘어가고 기능은 이번 주차 개인 과제로 나왔던 것 보다 기능이 훨씬 더 적었다. 할 일 추가하기 기능만 구현해주면 된다. 🎞배포하기 배포는 확인할 수만 있도록 하면 어떻게 배포하던 상관없다. 항해에서는 vercel을 이용하도록 하는 것 같았는데, 나는 vercel 들어가기도 귀찮고 gh-pages가 손에 익어서 gh-pages를 이용해서 배포했다. [React] gh-pages 배포하기 👀gh-pages란? github는 계정당 하나씩 배포용 도메인을 사용가능하도록 지원하고 있습니다. 이렇게 {username}.github...

[TIL] 투두리스트 마무리

🔮투두리스트 마무리 Event handler naming 코드를 보는데 모두 다 제각각인 핸들러의 이름을 보고 갑자기 핸들러 이름짓는 표준 정도는 존재하지 않을까 찾아봤다. 이 정도만 알아둬도 충분할 것 같다. 1. props의 경우에는 onClick처럼 on*의 접두사를 지정한다. 2. function의 경우에는 on*을 handle*로 변경하여 handleClick과 같이 사용한다. [번역] React의 이벤트 핸들러 네이밍 (Event handler naming in react) 이 글은 Jake Trent의 Event handler naming in react를 번역한 내용입니다.Jake(원작자)의 허락을 받은 후 작성되었으며, 이 글의 모든 저작권은 Jake에게 있습니다. 이해의 편의상 의역이 ..