개발
-
[CSS] em과 rem의 차이개발/CSS 2023. 6. 11. 16:37
css에서 나타내는 상대적인 길이의 단위를 나타냅니다. 그 대상이 상위 객체에 해당하는 크기에 기준하여 자동으로 사이즈를 재조정해줍니다. 상대 단위와 절대 단위절대단위: px, pt나 cm, in와 같은 실생활에서 많이 사용되는 단위들도 절대단위 범주에 속합니다. 상대단위: em, rem말고 %, vw, vh 등이 대표적인 css 상대 단위입니다. em 해당 길이가 적용된 객체의 직계 부모의 길이 기준 rem DOM Tree 에서 가장 상단에 있는 객체의 길이를 기준 이것은 em입니다. 이것은 rem입니다. html{ font-size: 16px; } .parent{ font-size: 24px; } .em{ font-size: 1.5em; /* 36px */ margin: 2em /* 48px */ p..
-
[React] 리액트란?개발/React.js 2023. 2. 2. 23:44
서론 오늘은 리액트에 대해서 무엇인지 간단하게 살펴보려고해요! 리액트란? '사용자 인터페이스를만들기 위한 JavaScript 라이브러리'라고 공식홈페이지 대문에 나와있는데요. 좀 더 쉽게 말하자면 화면에 그리는 UI를 좀 더 쉽게 그릴 수 있게 도와주는 JavaScript 라이브러리입니다. Q. 어? 리액트는 프레임워크가 아닌가요? 네. 리액트는 프레임워크가 아닌 라이브러리입니다. 프레임워크와 라이브러리의 차이점을 간단히 설명드릴게요! 프레임워크는 필요한 기능들이 대부분 완성되어있어 가져다 쓰기만하면 되는 완전체 형태입니다. 그래서 그 틀안에서 벗어나기 힘들죠. 라이브러리는 필요한 곳에 자유롭게 가져다 쓰는 도구입니다. 다른 라이브러리들과 결합해서 어떻게 사용할지는 개발자 나름입니다. 리액트의 특징 JS..
-
[VSCode] prettier 기본설정개발/VSCode 2021. 10. 3. 22:20
VSCode에서 prettierrc 기본설정을 해보자 ! 1. VSCode extensions > Prettier - Code formatter 다운로드 2. 최상단에 .prettierrc 파일 추가 { "singleQuote": true, "semi": true, "useTabs": false, "tabWidth": 4, "trailingComma": "all", "printWidth": 120 } 저는 요로코롬만 세팅해주었는데요. 위에서부터 single 쿼트 사용 -> " X / ' O 세미콜론 사용 -> ; 자동생성 useTabs 탭 사용여부 -> 요건 false나 true나 똑같이 탭사용이 가능해서 왜 하는지 모르겠.. tabWidth 탭 너비 -> 요건 2로하면 너무 좁아 보여서 4나 6으로 주..
-
[ES6] Template Literal개발/JavaScript 2020. 12. 26. 18:33
내가 보려고 만드는 es6 문법 1장 - Template Literal 템플릿 리터럴이란? 템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴 입니다. 라고 MDN Web Docs에 나와있죠 ! 여러줄로 이뤄진 문자열과 문자 보간기능을 사용할 수 있습니다. 간단히 말해서 백틱(` `) 안에 텍스트를 쓰고 변수는 $와 중괄호( $ {expression} ) 를 사용하여 집어넣어주면 문자열 그대로 출력이 가능해진 문법이죠. EX 1) 이전버전 function hello(name) { console.log('Hello' + name + '!'); } hello('Mike'); 콘솔안에 '' 나 "" 를 사용해 텍스트는 텍스트대로 변수는 변수대로 + 를 사용하여 합쳐주었는데요 이 문법을 function he..
-
[Java] MacOS에서 Maven 환경설정하는 법개발/Java 2020. 11. 12. 00:22
안녕하세요 ! H.Ji입니다. 제가 전직장에서 주로 Java Spring 프로젝트를 참여했는데, 그때 Maven이라는 라이브러리 관리 도구를 사용했었어요! 전에는 IntelliJ IDE를 사용했어서 따로 Maven을 다운로드 해주지 않고 IDE에서 직접 다운해서 사용했던걸로 기억하는데 VSCode로 사용하려니 maven을 따로 다운로드 해줘야 하더라구요. 오늘은 그 방법에 대해서 알려드리려고 합니다. 먼저 Maven 이란? 자바용 프로젝트 관리 도구이다. 아파치 앤트의 대안으로 만들어졌다. 아파치 라이선스로 배포되는 오픈 소스 소프트웨어이다 라고 구글에 나오는데요 ! 간.단.하게 설명드리자면 Java로 개발하다보면 다양한 라이브러리들이 필요하게 되는데, 그때마다 라이브러리들을 다운받아서 소스코드에 추가해..