반응형

프론트엔드개발 2

typescript를 사용해야하는 이유 | 프론트엔드개발

오늘은 javascript에서 typescript로 바꿔야할 이유를 코드를 통해 알아보도록 할게요! Javascript vs Typescript 차이점 1. JavaScript는 동적 타입 언어 / TypeScript는 정적 타입 언어로 대표적인 차이점! 2. 이 두 언어 사이의 주요 차이점은 타입 시스템에 있어요. TypeScript는 개발자가 변수, 함수 매개변수, 반환값 등에 명시적인 타입 정보를 제공할 수 있도록 해줘요. 이는 코드의 가독성을 높이고 오류를 사전에 감지하여 개발자의 실수를 줄일 수 있게 됩니다! 이제 JavaScript 코드를 TypeScript로 변환해야하는 몇 가지 예시를 살펴보겠습니다. Typescript로 변환 예시 1. 변수 및 매개변수의 타입 명시 JavaScript에서..

프론트엔드 2023.08.26

FE Developer - CSS, 퍼블리싱 적당히는 알자(2) : hover, active, selected 만들기

오늘은 버튼하나도 좀 더 다양한 모션을 줄 수 있는 방법을 나눠보려해요! 이미지로 아래의 Navbar 버튼 4가지 케이스를 가져와봤는데요! (그냥 만든것이니,,, 디자인 측면의 색상 조절 같은 부분은... 알아서 해주세요ㅠㅠ!) CSS 기술만 참고!!! 기본상태 hover상태 - 마우스 올려놓은 상태 active상태 - 마우스를 클릭하고 있는 상태 selected상태 - 눌러서 선택된 상태 일단 오늘은 hover와 active를 다룬 후, 다음 시간엔 selected 상태의 위의 점 찍은 형태를 만드는 방법에 대해 알아보도록 하겠습니당. 마지막의 selected에 주는 액션은 좀 어려운 기술도 들어가기에 다음 글에 이어서 쓰도록 하지요! ㅎㅎ 영상으로 살짝 공유하자면 이런식으로 작동해요! 먼저 위의 Li..

CSS 2022.02.25
반응형