분류 전체보기45 css 그라데이션(gradation) 컬러 사용하기 한번씩 웹페이지에 단색이 아니라 그라데이션이 있는 컬러를 넣고 싶을 때가 있다. 그라데이션 컬러를 적용하고 싶다면, colorzilla 웹사이트를 이용해보자. 웹 사이트에 접속 후, generater로 들어간다. 원하는 색상을 조정하면, 빨간색 상자에 css가 조정한 색상에 맞게 맞춰진다. 그리고 복사해서 내 프로젝트에 붙여넣으면 바로 사용이 가능하다. 2021. 11. 26. 잊고 있었던 4배수 법칙 며칠 뒤면 나도 개발자다. 직업을 전향하고 첫 취업이라 설레면서도 긴장이 된다. 개발자를 도전하기 전에 개발자 취업에 대한 로드맵을 강의해 준 나의 멘토가 있다. 취업을 하면 꼭 다시 보고 싶었기 때문에 이번에 서울에 올라가게 되었다. 너무 감사하게도 커피와 밥까지 사주시면서 좋은 이야기를 들을 수 있었다. 그 중 머리에 꽂힌 말이 있다. "연봉도 중요하지만, 스스로가 연봉에 대한 값어치를 하는지 또, 연봉 만큼 일하려 하지말고 연봉의 5배 만큼의 수익을 내 줄 생각을 해야한다." 이 말을 듣는 순간 내가 예전에 클래스101 자청님 강의에서 들은 4배수 법칙이 생각이 났었다. 이 법칙은 내가 월급 200만원을 받는다면, 회사 이익을 800만원 이상 내주어야 한다는 것이다. 나는 이 법칙을 전적으로 동의한.. 2021. 11. 24. 부트스트랩(bootstrap) 사용해보기 부트스트랩은 이미 만들어진 컴포넌트를 사용함으로써 협업시에 디자인의 불일치 문제를 해결하고, 반응형 등의 직접 구현할 때의 방대한 코드와 css에 대한 깊은 이해도 없이도 빠르게 프론트개발을 할 수 있게 도와주는 프레임워크이다. 특히 반응형을 쉽게 구현할 수 있는 부분이 좋다고 느껴진다. 시작하기 부트스트랩페이지에 있는 link태그를 복사해서 head태그안에 넣어 준다. 이제 부트스트랩을 사용할 수 있게 되었다. 버튼을 생성해보기 위해서 부트스트랩 웹 페이지에서 button을 검색하고 원하는 디자인의 코드를 복사해서 붙여 넣으면, 바로 적용이 된다. 버튼 외에도 사용하고 싶은 컴포넌트를 검색하여 사용할 수 있다. 반응형 이해하기(grid) 부트스트랩을 통해 반응형을 적용시키고 싶다면, grid 시스템에 .. 2021. 11. 22. typescript에 대해서 알아보자 자바스크립트로만 개발을 하였을 때, 엄격한 규칙이 없고, 자유도가 높기 때문에 사용하기가 쉽다. 하지만, 프로젝트의 규모가 커지고, 협업을 하다보면 이 장점은 단점이 되어 작은 버그들을 만들어 낸다. 문자대신 숫자가 들어가도 실행이 되고, 필수로 들어가야하는 인자가 들어가지 않아도 실행되는 등의 원하지 않는 결과로 실행이 된다. 그래서 나온 것이 typescript이고, 사용하였을 경우에 예측 가능하고, 읽기 쉬운 코드로 만들 수 있다. typescript는 자바스크립트 위에서 실행되고, typeScript로 작성하는 것은 모두 자바스크립트로 변한다. 나는 아직 프로젝트를 해보면서 typescript의 필요성을 느끼지 못하고 있었다. "typescript를 사용하면 추가되는 코드가 많은데 굳이 해야할까?.. 2021. 11. 20. 이전 1 ··· 4 5 6 7 8 9 10 ··· 12 다음
