목록Front-End/Tips (5)
NOW OR NEVER

디자인 무료 온라인 툴 color space(https://mycolor.space/) 웹사이트를 만들 때 컬러 팔레트를 쉽게 만들 수 있는 툴 하나하나 색상 찾는 수고로움을 덜어주는 툴이다 웹사이트에서 사용할 주 색상을 정해놓으면 그에 맞는 다양한 색상 조합들을 보여줌 css gradient(https://cssgradient.io/) gradient 컬러를 만들 수 있게 해주는 툴 시각적으로 확인하면서 원하는 gradient를 만들 수 있다 다양한 방면에서 사용되지만 버튼에서 특히 많이 사용됨 다 만든 후 아래쪽 copy to clipboard 해서 css에다가 붙여넣어서 그대로 적용 시킬 수 있음 SVC 활용할 수 있는 툴(svc를 활용해 section을 수평적으로 나누는 것이 아니라 다른 모양으로..

자바를 배워야 하는지 프론트엔드 업무만 할거면 필요가 없다. 전혀 몰라도 문제될 것은 없다. stackoverflow 등을 이용해서 필요한 언어가 무엇인지 찾아보는 것이 좋음 백엔드에서 많이 사용하는 언어 jquery 잘 사용하진 않지만, 만약 배우고 싶으면 css와 javascript 기본만 알면 한두시간 안에 배울 수 있다. 2. 현업에서 자바를 쓸 일이 있는지 kotlin이 나온지 얼마 안되서 안드로이드 프로젝트들은 자바로 쓰여진 경우가 많다. node.js로 구현한 경우도 있다 하지만 프론트엔드 개발자의 경우 필요없다. 3. 자바와 자바스크립트 차이점 Java 자바 다용도의 목적을 가진 언어 객체 지향 class-based 언어 C언어와 같은 함수를 여러개 호출해서 차례대로 실행하는 함수 지향적 ..

왜 프로젝트로 공부해나가야 하는지 실용적인 방법들을 많이 배울 수 있고 결과물이 눈으로 보여서 성취감도 생김 중요한 이유 : 문제 해결 능력을 연습해 볼 수 있음(개발자의 중요한 자질) 포트폴리오를 어떻게 만들어 나가면 좋은지 분야에 필요한 기술 정리 -html+css만 안다면 : 정적인 반응형 웹사이트 javascript : 동적인 웹사이트(서버에서 데이터를 받아옴) -> node.js를 이용해서 백엔드 구축도 해보면 좋음 -> 프레임워크를 이용한 SPA(동일한 프로젝트) 만들어보기 포트폴리오에 추가할 프로젝트는 어떤 것들? 히든카드 프로젝트 가고자하는 분야에서 중요한 기술/스택을 1-2개에 초점 독창적인, 창의적인 아이디어 자주 쓰는 앱들의 주요 기능 카피(가고자하는 분야에서 중요한 기술을 활용하면 ..

short cut key command palette 명령 팔레트 이용(ctrl + shift + p) 축약어로 입력해도 찾을 수 있음 자주 사용하는 것은 외우는 것이 좋음 extensions material theme material icon theme prettier : code를 fomatting 해줌(ctrl + , 으로 setting 창 이동) 저장할 때 자동으로 formatting 하게 해주기 위해서는 format a file on save 체크박스 체크 prettier quote > single quote bracket pair colorizer : 괄호에 색감을 줘서 코드에 가독성을 줌 indent rainbow : 들여쓰기 된 부분이 무지개 색으로 하이라이트 되어 있어 보기 편함 auto..

프레임 워크를 위한 기본언어 html,css,js를 잘 배워야지 프레임워크를 바꿔도 금방 이해하고 적용할 수 있음 html,css,js -> typescript(type 때문에 유저 사용시 충돌 일어나는 것 방지, 불린 타입은 불린에만 할당되게 하는 것) html : 구조, css : 디자인 js : 다양한 동작 덧붙여서 구현(basics of js = banilla js) 기본 언어 외 부가적인 것 백엔드 커뮤니케이션을 위해 필요 : fetch api bootstrap은 react 나오고 나서 잘 사용되지 않음 BEM 관련 architect 훑어보기 module bundler - 코드 배포시 간편하게 압축하고 minify해서 최대한 사이즈 줄게 해줌 react-mobx combination 추천 로드맵..