뜔비 라이프 뜔비 라이프

스파르타 코딩 1주차 과정 마지막 숙제 문제 2 filter 함수로 '포도'만 들어 있는 podo_list 리스트 구현해보기 let fruit_list = ['사과','감','감','배','포도','포도','딸기', '포도','감','수박','딸기']; let podo_list = fruit_list.filter((value) => value == '포도'); console.log(podo_list); //(3) ['포도', '포도', '포도'] let fruit_list = ['사과','감','감','배','포도','포도','딸기', '포도','감','수박','딸기'] let podo_list = fruit_list.filter((f)=>{ return f == '포도' }) console.log(po..

스파르타 코딩 앱 개발 기초 과정 1주차 과정이 벌써 끝이 났다. 여차저차 구글링도 해보고 직접 배운 것들을 응용해서 코드를 작성해보았다. 문제 1 배열에서 특정 원소 개수 구하기 - map 함수를 사용해서 해결하기 💡 다음 리스트에서 '딸기'는 몇 개 일까요? let fruit_list = ['사과','감','감','배','포도','포도','딸기', '포도','감','수박','딸기']; let count = 0; fruit_list.map((value,i) => { let fruit = fruit_list[i]; if (fruit == '딸기') { count += 1; console.log(value,i) } }) let fruit_list = ['사과','감','감','배','포도','포도','딸기..

필수 프로그램 설치하기 (Windows / Mac) 공통적으로 설치해야할 부분 VSCode(다운로드 링크) & 안드로이드 스튜디오(다운로드 링크) ⚠️ 각 OS에 맞는 버전을 다운로드 하되, 안드로이드 스튜디오는 설치 경로에 한글이 있는 경우 설치가 안되니 주의해야 한다. Windows 사용자만 설치해야 할 것 node, npm 설치 git 설치 Mac 사용자만 설치해야 할 것 XCode node, npm Homebrew /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" Homebrew 설치 후, 터미널로 Node 설치하는 방법 brew search node brew install n..

앱 서비스를 만든다는 건, 클라이언트와 서버 모두 만들어야 한다는 것을 의미합니다. 클라이언트(프런트)는 지금 우리가 보는 화면으로 웹 사이트로 따지면 크롬 브라우저나 사파리, 익스플로러가 해당되겠고 앱으로 따지면 휴대폰에 많이 존재하는 어플, 즉 앱 자체가 해당됩니다. 서버(백엔드)는 사람들이 원하는 데이터가 있는 곳이고, 원하는 데이터를 요청하면 이에 응답해주는 곳이기도 합니다. 앱, 즉 클라이언트에서 원하는 데이터가 있을 때마다 서버에 요청하고, 응답 데이터를 받아 사용자에게 보여주는 것은 앱 서비스 뿐만 아니라 웹 사이트를 만들때도 똑같습니다. 📱 앱 = 사용자들이 보는 앱 화면을 만들고 필요한 데이터를 요청할 수 있는 서버를 만드는 것 🤖 '안드로이드' 와 🍎 'iOS(아이폰)' 안드로이드는 J..

디자인 프로세스 공감하다(Emphasize) 정의하다(Define) 아이디어화 시키다(Ideate) 프로토타입을 만들다(Prototype) 테스트하다(Test) 디자이너라고 무조건 와이어프레임과 프로토타입을 먼저 만들어야 하는 건 아니다. 그 전에 디자인하는 대상인 사용자에 대해서 깊이 생각할 시간이 꼭 필요하다. 이건 디자인 프로세스에서 매우 중요한 단계가 될 것이다. 우리는 디자인을 할 때 항상 사용자를 중앙에 배치한다. 훌륭한 사용자 경험을 만들 수 있는 한 가지 방법은 사용자와 공감하는 것이다. 사전적 정의에서 공감의 뜻을 찾아보니 공감은 상대방 입장에 서서 상대의 경험한 바를 이해하거나 혹은 다른 사람의 입장에서 생각해보는 능력을 말한다. UX 디자이너로서 공감하는 자세는 특히 중요하다. 공감은..

반응형 디자인이란? 웹사이트를 반응형으로 만들어야 하는 이유 반응형 디자인이란? 반응형 웹 디자인을 사용하면 장치의 크기에 따라 웹 사이트가 자동으로 변경될 수 있다. 즉, 휴대폰과 같이 작은 화면에는 그에 맞게 작게 표시가 되고 데스크톱 컴퓨터와 같이 큰 화면에는 그에 맞게 크게 표시가 된다는 뜻이다. 웹 사이트를 디자인할 때 UX 디자이너는 각 페이지의 요소들이 다양한 화면 크기에 어떻게 반응해야 할지 고려해야 한다. 장치의 크기가 작아질 수록 화면에 담을 수 있는 공간이 작아지기 때문에 웹 사이트에서 표시되는 요소의 위치가 변경될 수 있기 때문이다. 예를 들어, 데스크톱 버전은 더 많은 페이지를 화면 상단에 나열할 수 있다면, 이 사이트의 모바일 버전은 상단에 공간이 많지가 않기 때문에 햄버거 메뉴..