와랄라 링크정리

캡스톤이랑 수업 뭐냐고.,,,

 

크롬 북마크를 정리하던 중 대학 수업과 관련된 북마크들이 너저분하게 있어서 정리하기로 마음을 먹었다,,,🤯

졸업한지가 3달이나 됐는데 미루고미루고미루다 이제야 한다... 

 

 

1. JAMSTACK

 일단 왜,,,이게 북마크에 있는지는 모르겠지만 J는 자바스크립트, A는 API, M은 마크업으로 일워진 웹 구성을 말하는 것만 안다.

잼스택에 대해 자세히 알고 싶으면 아래 벨로그를 보는 것을 권장한다. 

https://velog.io/@kysung95/%EA%B0%9C%EB%B0%9C%EC%83%81%EC%8B%9D-JAM-%EC%8A%A4%ED%83%9D%EC%9D%B4%EB%9E%80

[개발상식] JAM 스택이란?

 

 

 

2. 클린 코드(자바스크립트)

Clean Code concepts adapted for JavaScript의 한글 번역을 정리해놓은 github이다. 해당 목차의 주제마다 예시들이 잘 정리되어 보기 쉽다. 한번만 보고 말 사이트가 아니라 계속 봐서 머리속에 익혀둬야할 기본 상식이라고 생각하면 된다. 

GitHub - qkraudghgh/clean-code-javascript-ko: Clean Code concepts adapted for JavaScript - 한글 번역판

 

 

3. 변수명 짓기

말그대로 변수명을 추천해주는 사이트이다. 실제 개발자들이 가장 어려움을 많이 겪는 부분이 변수명을 지을 때라고 한다. 나만 보는 코드가 아닐 때 변수명을 사용해보는 것을 추천한다. 

 

Curioustore

 

 

4. 자바스크립트 아이콘

 

다양한 아이콘들이 많다 색상을 지정할 수 있고 픽셀, 선셋 등 다양한 아이콘들이 있다 아이콘을 선택하면 SVG를 복사할 수 있다. 프로젝트 할 때 로그인 기능이 있는 사이트에 사용을 했던것 같다.

Avatar generator playground - Boring Avatars

 

5. 구글 폰트 

웹사이트 제작할 때 폰트 글씨를 설정하고 싶으면 구글 폰트에 들어가 마음에 드는 폰트를 선택하고 CSS를 복사해서 가면 된다.

Google Fonts

 

6. 버튼 CSS

오른쪽 옵션을 통해서 조절해서 마음에 드는 버튼을 만들고 Get Code를 하면 코드를 긁어올 수가 있다. 버튼을 다양하게 꾸밀 때 좋은 것 같다.

A useful tool for designing css buttons

 

7. LocalStorage 벨로그

진짜 서버없는 웹 개발할 때 가장가장가장 많이 봤던 벨로그같다. 하트가 없는게 이상할정도로 정리를 잘해주셨다👍👍

TIL 13 | 자바스크립트 Local Storage (feat.ToDoList)

 

8. UI에 컬러입히기 

웹 개발할 때 부트스트랩 없이 그냥 처음부터하면 색상때문에 한 일주일은 고민하는 것 같다. 컨셉 컬러를 정하기 어렵고 주변 부 색상을 머리속에서 생각하기보단 직접 보기에 좋은 사이트다.

Color Tool - Material Design

 

9. 프론트엔드 면접 은행

프론트엔드 면접 질문을 모아둔 기술 블로그들이 많은데 약간 저 사이트에 다 모아둔 느낌이 들정도로 자료가 있다. 근데 시간이 오래 지나 지금은 다른 자료 찾아보는게 좋을 수도 있을 것 같다. 

프론트엔드 면접 문제 은행 ★ Front-end Job Interview Questions

 

10. 심플 아이콘

 

얘도 웹 개발할 때 간단한 아이콘이 필요할 때 많이 사용했다. 특별한 절차 없이 바로 이미지를 다운받을 수 있다. 깃헙에 기술 설명할때 많이 사용하곤 했다.

Simple Icons