선배님의 디자인 관련 공유 사이트
·
Reference/유용한 사이트
벡터 파일 참고할때 어반브러시 - Urbanbrush 무료 일러스트 ai 공유사이트, 디자이너의 벡터파일을 무료로 다운받거나 의뢰할 수 있는 플렛폼입니다. www.urbanbrush.net 아이콘 참고할 때 Noun Project: Free Icons & Stock Photos for Everything thenounproject.com
[Adobe Ai] 공식 가이드 / 문서
·
Reference/유용한 사이트
https://helpx.adobe.com/kr/illustrator/using/grouping-expanding-objects.html Illustrator에서 개체 그룹 만들기 및 개체 확장 방법 확장 기능은 특히 투명 효과, 3D 오브젝트, 패턴, 그라디언트, 선, 블렌드, 플레어, 둘러싸기 또는 심볼을 인쇄하기 어려운 경우에 유용합니다. helpx.adobe.com
[정규표현식 / Regex] 정규표현식 공부하기 좋은 사이트
·
Reference/유용한 사이트
regex101: build, test, and debug regex Regular expression tester with syntax highlighting, explanation, cheat sheet for PHP/PCRE, Python, GO, JavaScript, Java, C#/.NET. regex101.com 정규표현식과 임시 텍스트를 입력하면 결과를 바로 알려줌. 테스트하기 좋음
애플리케이션 아키텍쳐에 대한 글들
·
Reference/유용한 사이트
아키텍쳐(architecture)가 영단어로써 건축물, 구조라는 지니는 것 처럼, 애플리케이션 아키텍쳐(Application Architecture)도 쉽게 말하자면 "애플리케이션의 구조" 정도로 이해할 수 있다. 책임과 성격이 다른 것을 크게 그룹으로 만들어 분리해두는 것을 아키텍처 차원에서는 계층형 아키텍쳐(layered architrecture)라고 부른다. 또는 계층이라는 의미를 가진 영단어인 티어(tier)를 써서 멀티 티어 아키텍쳐 라고도 부른다. 웹 어플리케이션 아키텍쳐(Web Application Architecture)는 응용 프로그램의 구성 요소 간의 상호 작용을 유지하는 프레임 워크를 말한다. 웹 어플리케이션 아키텍쳐는 사용자 인터페이스(Ui Interface)와 구조(Structur..
[Front-end] 해외 프론트엔드 챌린지 및 대결 사이트 모음
·
Reference/유용한 사이트
Front-End Challenges | CSS-Tricks My favorite way to level up as a front-end developer is to do the work. Literally just build websites. If you can do it for money, great, you should. If css-tricks.com
[React] 16.3v 이전과 이후 라이프 사이클의 차이
·
Reference/유용한 사이트
변경 이유 초기 렌더링을 제어하는 방법이 많아져서 혼란이 됨. 오류 처리 인터럽트 동작시에 메모리 누수 발생할 수 있음. React 커뮤니티에서도 가장 혼란을 야기하는 라이프 사이클 React v16.3 이후에 변경된 부분 componentWillMount, componentWillReceiveProps, componentWillUpdate를 v17 부터 사용불가 componentWillReceiveProps 대체 메서드 추가 getDerivedStateFromProps componentWillUpdate 대체 메서드 추가 getSnapshotBeforeUpdate componentDidCatch 컴포넌트 에러 핸들링 API 추가 리액트 교과서 - 컴포넌트와 라이프사이클 이벤트 React 컴포넌트와 라이..
[인공지능] 어린이도 쉽게 만드는 인공지능 (구글 teachable machine)
·
Reference/유용한 사이트
Teachable Machine Train a computer to recognize your own images, sounds, & poses. A fast, easy way to create machine learning models for your sites, apps, and more – no expertise or coding required. teachablemachine.withgoogle.com
[패키지 매니저] yarn의 사용방법의 대해서
·
Reference/유용한 사이트
설치 $ brew install yarn // homebrew를 사용한다면 $ npm install install yarn 업데이트 $ yarn self-update 생성 $ yarn init 패키지 생성 및 삭제 $ yarn add [package-name]@[version-or-tag] [option] $ yarn remove [package-name] Yarn - 처음 보는 자바스크립트의 새 패키지 매니저 얀(Yarn)은 자바스크립트의 새로운 패키지 매니저이다. 더욱더 빠르게 패키지를 인스톨하는 방법과 의존성 관리를 다양한 디바이스(across machines)에서 일관성 있게 하는 방법에 대해서 배워 보도록 하자. usecode.pw [NodeJS] yarn 을 설치하고 yarn 을 이용하여 패키..