코딩응애의 개발블로그

Redux React 없이도 사용할 수 있는 상태 관리 라이브러리이다. Redux에서는 Action → Dispatch → Reducer → Store 순서로 데이터가 단방향으로 흐르게 된다. store Store는 상태가 관리되는 오직 하나뿐인 저장소의 역할을 함. Redux 앱의 state가 저장되어 있는 공간이다. Reducer Reducer는 Dispatch에게서 전달받은 Action 객체의 type 값에 따라서 상태를 변경시키는 함수이다. 이 때, Reducer는 순수함수여야 함. 외부 요인으로 인해 기대한 값이 아닌 엉뚱한 값으로 상태가 변경되는 일이 없어야하기 때문 Action Action은 말 그대로 어떤 액션을 취할 것인지 정의해 놓은 객체 const increase = () => { r..

하노이의 탑 문제 일단 코드부터 보자면 const fs = require('fs'); const filePath = process.platform === 'linux' ? '/dev/stdin' : './input.txt'; let input = fs.readFileSync(__dirname + '/input.txt').toString().split('\n') let cnt = 0; let ans = '' function hanoi(N,start,goal,sup) { // (원판개수,시작,목표,보조) if(N===1) { // 원판개수가 1개면 그냥 바로 목표 기둥으로 옮기면 끝이기 때문에 이렇게 적어줌 // N이 0일때라고 해주고 그냥 return만 써주어도 된다. ans += `${start} ${g..

일단 코드부터 봅시다 const fs = require('fs'); const filePath = process.platform === 'linux' ? '/dev/stdin' : './input.txt'; let input = fs.readFileSync(__dirname + '/input.txt').toString().split('\n'); let num = +input[0]; let result = ''; function solution(i, j) { // 일단 출력 예시를 보면 // (1,1) (1,4) (1,7) ... 이렇게가 공백인것을 볼 수 있는데 3으로 나눈 나머지가 1이면 // 그자리는 공백인것을 확인할 수 있다.이걸 토대로 i % 3 === 1 && j % 3 === 1 이렇게 조건을..

나름 재귀를 이해했다고 생각하고 푼 문제인데 도무지 못풀겠어서 답을 봤음에도 불구하고 이해를 하는데 꽤나 오래 걸렸던 문제 일단 코드부터 보자면 이렇다. const fs = require('fs'); const filePath = process.platform === 'linux' ? '/dev/stdin' : './input.txt'; let input = fs.readFileSync(__dirname + '/input.txt').toString().split('\n'); console.log('어느 한 컴퓨터공학과 학생이 유명한 교수님을 찾아가 물었다.'); function solution(n, el) { if (n === el) { console.log(`${'____'.repeat(el)}"재귀함..

UI 분석 사용중인 UI 디자인 패턴 - 탭 , 캐러셀 컬럼 그리드 시스템 사용 여부 - 사용안함 UX 분석 피터 모빌의 UX 7요소 충족 여부 유용성 : 제품이나 서비스 목록에 맞는, 사용 가능한 기능을 제공하고 있다. 사용성 : 충족한다. 매력성 : 신뢰성 : 장기적으로 믿을 수 있는 브랜드 이미지 구축함. 접근성 : 내가 만든거에선 접근하기 힘든듯 하다 진짜 신세계 사이트도 마친가지인듯 검색 가능성 : 내비게이션 바를 잘 배치했다 가치성 : 모든 요소를 총합하여 보았을 때 고객에게 가치를 제공하고 있다. 사용성 평가 제이콥 닐슨의 10가지 사용성 평가 기준 충족 여부 일관성 및 표준 => 각 화면마다 아이콘 크기가 일정하고 메뉴 바도 일정하게 있음 피그마 링크 : https://www.figma.c..

버블정렬 옆에 있는 값과 비교해서 더 큰값을 뒤로 보냄 구현하기는 가장 쉽지만 효율성은 가장 떨어진다. 배열의 인접한 2개의 값을 선택하고 비교하는데 왼쪽이 오른쪽보다 크면 서로 자리를 바꿔줌 여기서 끝이 아니라 오른쪽으로 이동해서 아까 한 과정을 반복 아래 움짤 처럼 시간복잡도는 O(n^2) 이래서 구현이 가장 단순함에도 불구하고 거의 쓰이지 않는다. const bubbleSort = function (arr) { for (let i = 0; i arr[j + 1]) { // 왼쪽에 있는 수가 오른쪽에 있는 수보다 ..

피보나치 수열 문제여서 평소처럼 이렇게 풀어서 제출을 했는데 console.log(solution(+input[0])); function solution(n) { if(n

UI (User Interface) 사람들이 컴퓨터와 상호 작용하는 시스템이다 키보드,마우스, 화면상의 그래픽 등등 키오스크, 스마트워치 등 화면과 상호 작용하는 기기들을 그래픽 UI 즉 GUI라고 한다 GUI (Graphical User Interface) 사용자가 그래픽을 통해 컴퓨터와 정보를 교환하는 작업 환경을 뜻함 UX (User Experience) 사용자가 어떤 시스템, 제품, 서비스를 직•간접적으로 이용하면서 느끼고 생각하는 총체적 경험 UX에 영향을 주는 많은 요소 중 프엔개발자한테 가장 중요한 요소가 UI이다 UX는 UI를 포함한다. 그러나 좋은 UI가 항상 좋은 UX를 보장하는것은 아니다. 근데 보통 나쁜 UI는 나쁜 UX를 유발함 UI와 UX는 서로 다르지만 떼려야 뗄 수 없는 관계..