전체 글 (165) 썸네일형 리스트형 [토이프로젝트] XD디자인 와이어프레임부터 출시까지 -2 리액트 네이티브 개발 디자인 → 개발 단계 순으로 스텝 바이 스텝 진행을 하려 했으나, 내가 원하는 리액트 네이티브 라이브러리 + 로티 애니메이션 등을 확인하고 싶어 링크와 소스들을 모아봤다. 🐻 Lottie Animation 로티 이미지는 에어비앤비에서 제공하는 오픈소스 라이브러리로서 벡터 애니메이션을 웹, 앱에 적용할 수 있다. 리액트 네이티브에도 적용가능! 애프터이펙트로 작업후 JSON형식으로 추출하여 개발에서 적용할 수 있게 해준다. https://lottiefiles.com/ Free Lottie Animation Files, Tools & Plugins - LottieFiles The world’s largest online platform for the world’s smallest anim.. [토이프로젝트] XD디자인 와이어프레임부터 출시까지 -1 🌷 개요 강남아이티아카데미학원에서 6월 19일부터 어도비 XD과정을 시작하면서 (매주 토요일, 총 5일) 개인 포트폴리오 작업으로 평소에 개발해보고 싶었던 self 보석 감정앱을 만들어보기로 했다. 어도비 XD 디자인 가이드 웹 1920 상단바에 유의하여 세로 975사이즈로 작업한다. 카카오페이지 : 모바일 사이즈 애플페이지 : 적응형 대부분 모바일 first 로 작업을 한다. 태블릿 1024 1024 x 768 사이즈 🦄 UX 과정 ① 로그인 페이지는 원활한 메인 페이지 진입을 위해 없애기로 한다. ② 재미를 느낄 수 있을만한 요소 (interactive 디자인 || 심리테스트)등 을 추가한다. ③ 아이콘은 직접 제작 (일러스트레이터가 이상적이지만 XD에서 기본 제공하는 선이 마음에 들어 그대로 진행한.. [인텔리제이] Error: Exception thrown by the agent : java.rmi.server.ExportException: Port already in use: 1099; 개요 테스트 서버에 올리면서 에러 메세지로 톰캣을 여러번 실행시켜서 나는 에러메세지 에러메세지 Error: Exception thrown by the agent : java.rmi.server.ExportException: Port already in use: 1099; nested exception is: java.net.BindException: Address already in use (Bind failed) 1099 Port가 이미 쓰여지고 있다. 해결 1. 터미널을 켜 원하는 포트를 찾는다. $ lsof -i :1099 2. PID를 찾아 그 번호를 죽여준다. $ kill -9 2557 3. 해결 [리액트]따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기2 무비앱 시리즈 #9 좋아요 버튼 만들기 Basic Hooks 리액트 훅스의 기본 문법 중 상태변화를 다루는 useState ▶ Stateful 상태적인 값과 그 값을 업데이트 할 수 있는 기능이다. 첫 렌더링 시 반환되는 값은 첫 파라미터로 넘겨진 값과 같다. initialState setState(newState) → 새로운 상태 값을 받고 컴포넌트의 재렌더링을 연결해준다. re-렌더링이 이러지는 동안, useState에 의해 반환되는 첫번째 값이 가장 최신의 상태로 주어진다. 만약 업데이트된 함수가 같은 값을 반환하면 렌더링은 완전히 건너뛰어진다. 조화 과정 🍧 리액트에서는 뷰를 업데이트 할 때 "조화 과정을 거친다" 라고 표현을 하는데, 이는 데이터 변화가 있을 때 뷰가 변형하는 것처럼 보이지만, .. [리액트]따라하며 배우는 노드, 리액트 시리즈 - 영화 사이트 만들기1 1강부터 8강까지 학습목표 다양한 API를 활용하는 법을 배운다. 1. 먼저 깃헙에서 보일러플레이트가 되는 압축 파일을 받거나 클론을 해준다. https://github.com/jaewonhimnae/boilerplate-mern-stack jaewonhimnae/boilerplate-mern-stack Boilerplate when you use REACT JS, MONG DB, EXPRESS JS, REDUX - jaewonhimnae/boilerplate-mern-stack github.com server → config → keys.js 에는 분기처리를 해준다. if (process.env.NODE_ENV === 'production') { module.exports = require('./pro.. [강남명전] 강남 떠오르는 핫플 폭풍 치즈감자전과 호랑이막걸리 두달전 웨이팅에 실패하고 회사 동료들과 다시 찾아간 강남명전 😅 지난 날의 실수, 강남역 금요일 웨이팅을 얕본 것을 뒤로 하고 이번에는 수요일에 6시 퇴근하자마자 호다닥 달려갔어요. 인스타ID @gnmj._.jmt 강남명전은 9시가 라스트 오더라 미리가서 줄 서있는 걸 추천해요. 그래서 저희는 앞 대기팀 11번. 11팀 정도면 40분정도 기다리면 될 거라 생각하고, 강남역 무인양품에 구경하러 들어갔어요. 수연씨는 성수동 밀도 큐브 커스터드와 바움쿠헨에서 고민하다가 바움쿠헴 겟! 무인양품에서 충분히 시간을 보냈다고 생각하고 다시 강남명전으로 돌아갔는데도 10분 정도? 기다린후에 앞에 대기 2팀인데도 세명자리가 난건지 전화를 주셔서 얼른 들어가서 앉았어요. 다섯팀 이하일때는 미리 가서 앉아있는 게 좋아요~ .. [알고리즘] 알고리즘의 기초 정리자료-2 알고리즘 기초 정리자료-1 (분할정복, 동적 프로그래밍, 욕심쟁이)에 이어서 만들었기 때문에, 링크는 여기에 → https://sohyunsaurus.tistory.com/6 (4) 정렬 알고리즘 ❋ 내부정렬 ↔️ 외부정렬 정렬하고 싶은 모든 데이터를 주기억장치에 적재시킨이후에 하는 것을 내부정렬이다. 정렬하는 방식에 따라 내부 정렬은 비교 기반 알고리즘 ↔️ 데이터 분포 기반 알고리즘으로 나눠진다. ❋ 안정적 정렬 동일한 값을 갖는 데이터가 정렬 전의 상대적 위치와 정렬 후의 상대적 위치가 동일할 경우 ❋ 제자리 정렬 내가 정렬하고 싶은 입력 데이터를 저장하는 공간 이외에 추가적인 공간이 상수개 만큼 필요할 때는 제자리 정렬 추가적으로 필요할 때엔 제자리 정렬이 아니다. 정렬 방식 알고리즘 성능 안정적.. [알고리즘] 알고리즘의 기초 정리자료-1 🌷 알고리즘의 기본 자료구조 - 배열과 연결 리스트 배열은 같은 자료형을 갖는 여러 개의 데이터를 하나의 변수로 모아놓은 집합체 연결 리스트는 노드(데이터 필드 + 링크 필드로 구성)라는 저장구조를 이용하여 리스트를 표현하는 것 배열은 논리적인 순서와 실제 순서가 같기 때문에, 인덱스로 접근이 쉬우나 삽입, 삭제시 순서를 유지하기 위하여 데이터의 이동이 빈번 연결 리스트는 순차 접근 방식으로 비교하고 데이터의 접근이 포인터의 조작으로 삽입, 삭제가 원활 - 스택과 큐 - 트리와 그래프 - 이진 트리 🌴 대표적인 알고리즘 설계 분할정복 방법, 동적 프로그래밍 방법, 욕심쟁이 방법 🍓 주요 O-표기 간의 연산 시간의 크기 관계 🌵 순환 알고리즘의 성능 (1) 분할정복 알고리즘 분할정복은 하향식으로 접근하는 .. 이전 1 ··· 17 18 19 20 21 다음
