Developer, Jiyong Kim

Font Awsome 라이브러리를 직접 호출해서 사용하는 것도 좋지만, 한 번 패키지를 설치해서 사용해보고 난 후로는 이 방식이 더 편하다. 다만 매번 검색하고 적용하는 것이 번거로워서 아예 글을 작성해두려고 한다. 우선 기본 패키지를 설치한다. 이 때 Fontawsome이 아니라 Fortawsome이라는 점에 주의하자. 패키지 이름은 Fortawsome이다. npm i @fortawesome/fontawesome-svg-core 다음은 아이콘 관련 패키지를 설치한다. Font Awsome 아이콘은 카테고리별로 나뉘는데, 그 중에서 나는 Solid와 Regular만 설치한다. 만약 Light나 Brands 카테고리를 사용하려면 얘네도 같이 설치해주면 된다. npm i @fortawesome/free-so..

Development/Frontend 2024. 3. 14. 01:09

Bootstrap은 컴포넌트 기반의 CSS, JS 프레임워크이고, Tailwind CSS는 Utility-First 컨셉의 CSS 프레임워크이다. 무슨 차이인가 하면, 아래 코드를 보면 한 눈에 알 수 있다. 클릭하세요 위 코드에서 보이는바와 같이 Bootstrap은사전에 정의된 클래스를 사용하여 컴포넌트 위주의 스타일을 빠르게 적용할 수 있다. 클릭하세요 Tailwind CSS는 이런식으로 Utility 클래스를 조합하여 개별적인 속성에 대해 스타일을 지정하기 때문에 더 유연하고, 커스텀 하기가 용이하다. Bootstrap이 익숙하고 편해서 계속 사용하고 있었는데, 예시 코드를 보니 Tailwind CSS가 더 활용성이 높은 것 같다. 시간이 없고 디자인이 크게 중요하지 않은 프로젝트라면 Bootstr..

Development/Frontend 2024. 3. 12. 22:14

아토믹 디자인이란, UI를 구축할 때 작은 컴포넌트(Atoms, Molecules, Organisms)부터 시작하여 이를 조합해 Templates를 만들고, 마지막으로 Templates 위에 실제 컨텐츠를 넣어 Pages를 구성하는 방식을 말한다. 우선 각 요소에 대해 살펴보자. Atom The basic building blocks로 정의되며, 예를 들어 Input Text field와 Button이 있다. Molecule Groups of atoms, The smallest fundamental units로 정의되며, 예를 들어 Input Text field와 Button을 조합하여 Search Form이라는 Molecule을 만들거나, Logo Icon과 Button들을 조합하여 Navigtion ..

Development/Frontend 2024. 3. 12. 20:15

오픽(OPIC) 시험 하루 전, 유용한 단어 및 구문 정리 📚 오픽을 본게 벌써 3년 전, 갱신을 위해서 시험을 신청했다. 나름 2년이나 외국에서 해외영업원으로 일했는데 AL이 아니면 창피해서 말도 못한다😅 어학은 개발자의 기본 역량은 아니지만, 일단 잘하는 것은 살리고 가는게 맞다는 판단하에 바로 시험 접수! 내일이 시험이라서 깊이 공부하기는 그렇고, 몇몇 유용한 단어나 구문이나 정리하고 가려고 한다. Let's start! 목차 📑 단어 구문 마무리구문 단어 📖 quiet cozy convenient closet drawers appliances heat up vandalism landscaping environmental protection green space community involvemen..

일상/개발자의 일상 2023. 11. 17. 23:05

개발자가 되기로 마음먹고 처음으로 취득한 자격증인만큼 개인적으론 특별한 의미를 가지는 SQLD 자격증이네요.SSAFY 일정이 워낙 바빠서 자격증은 수료 후에 차근차근 하려고 했는데, 다들 쉼 없이 열심히 하는 걸 보니 가만히 있을 수 없겠다 싶어서 부랴부랴 신청하게 되었습니다. 역시 자격증은 일단 신청하면 조금이라도 공부하게 되기 때문에 볼까 말까 고민 될 때에는 신청부터 하고 보는게 맞는 것 같아요ㅎㅎㅎ 각설하고, 여러분들이 필요한 정보만 아래에 깔끔하게 정리해드리니 열공하시고 꼭 합격하세요! 참고로 이 방법은 합격만을 목표로 하는 전략이니 깊게 공부하고 싶으시거나 고득점을 목표로 하시는 분이라면 뒤로가기를 눌러주세요. 저는 경영과 스페인어를 전공했고, SQL 관련지식은 없었어요. 자격증 시험이 토요일..

자격증/SQLD 2023. 10. 9. 19:37