코딩응애의 개발블로그

이거 구현할려고 하는데 처음에는 이걸 뭐라고 부르는지 몰라서 한참을 찾다가 select 태그를 찾게되고 구현을 시작을 하게 됨 내가 최종적으로 구현을 할려는건 지역에 따른 군/구를 선택할수 있도록 구현하는게 목표였다 예를들어 네이버 카페처럼 게시판에 따라서 말머리가 달라지는 그러니까 이렇게 구현을 할려고 하는데 처음엔 이런식으로 하니까 서울특별시 부산광역시 인천광역시 대구광역시 대전광역시 광주광역시 울산광역시 강남구 강동구 강북구 남구 관악구 광진구 구로구 금천구 노원구 도봉구 앞에 select box가 서울이든 경기도든 간에 2번째 select box가 지역에 맞게 안바뀌고 들어가 있어서 지역에 따라서 다르게 나오게 어떻게 구현을 해야할까 엄청 오래 걸렸다 그러다가 https://imivory.tist..

웹과 인터넷은 다른 개념 인터넷이 더 포괄적인 개념이다. 웹이란 공간이다. 문서, 이미지, 영상 등 다양한 정보를 여러 사람들과 공유할 수 있는 공간 웹표준 웹에서 표준적으로 사용되는 기술이나 규칙 사용자가 어떠한 운영체제나 브라우저를 사용하더라도 웹페이지가 동일하게 보이고 정상적으로 작동할 수 있도록 하는 웹 페이지 제작 기법을 담고있다. 웹표준에 맞춰 웹 페이지를 작성했을때 장점들이 있다. 유지 보수의 용이성 - 각 영역이 분리되면서 유지 보수가 용이해졌고, 코드가 경량화되면서 트래픽 비용이 감소하는 효과 웹 호환성 확보 - 웹 브라우저의 종류나 버전, 운영 체제나 사용 기기 종류에 상관없이 항상 동일한 결과가 나온다. 검색 효율성 증대 - 검색 엔진에서 더 높은 우선 순위로 노출됨 검색 효율성과 관..

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

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는 서로 다르지만 떼려야 뗄 수 없는 관계..

BrowserRouter는 최상위에 위치해 있어야 하는데 그래야 다른 react.router 컴포넌트들을 사용할 수 있다. 근데 내가 BrowserRouter를 써주는데 이상하게 계속 화면이 출력이 안되는것이다(spa 과제 다시 푸는 중에) 그래서 레퍼런스에 올린 코드를 보면서 일일히 비교해 보는데 BrowserRouter를 안쓰면 화면이 출력이 되는것이다! 아니 근데 저 BrowserRouter를 써야 다른 라우터 컴포넌트를 이용할 수 있다고 배웠는데 없어야 되는건가 싶어서 계속 레퍼런스 코드와 비교하다가 index.js 코드가 다른것을 확인할 수 있었다. import React from 'react'; import ReactDOM from 'react-dom'; import { BrowserRoute..