분류 전체보기
-
반응형 웹을 위한 폰트 단위 및 미디어 쿼리Front End/CSS 2021. 8. 31. 13:20
# 폰트단위 px 절대값으로 사용 되는 단위. 고정된 값이기 때문에 사용하기 편하고 이해하기도 쉽지만 반응형 웹사이트를 만들때에는 적절하지 않음. em 부모태그의 사이즈를 기준으로 정해지는 길이 단위. rem root(html 최상위 요소)를 기준으로 정해지는 길이 단위. # 미디어 쿼리 주의사항 미디어 쿼리의 중괄호 { } 안에 작성되지않은 css 스타일은 공통 css 스타일로 사용된다. 사용하기 싫다면 재정의 해줘야한다. /* Desktop CSS start*/ body{ display: flex; color : white; } /* .... other css styles */ /* Desktop CSS end*/ /* Mobile CSS start */ /* Destop CSS에 작성된 CSS st..
-
[JavaScript] JavaScript 로 할 수 있는일프로그래밍 언어/JavaScript & TypeScript 2021. 8. 24. 16:07
# JavaScript 의 힘 JavaScirpt(JS)는 1990년대에 웹이 보편화되기전에 어떤 개발자에 의해 10일만에 탄생한 언어로써, 웹이 보편화되어가면서 새로운 언어로 모든 웹사이트를 다시 바꾸기가 비효율적이라 지속적으로 사용되고 있는 불굴의 언어이다. 이로 인해 단점은 있지만, 여전히 프론트엔드 언어는 JavaScript 를 사용할 수 밖에없고, 급기야 시간이 지남에따라 개발자들의 욕망에 따라 백엔드까지 JavaScript로 처리 할 수 있게끔 발전하게 되었다. 그래서 JavaScript를 배우는 것은, 사라질 가능성이 거의없는 언어를 배운다는 것이다. (그걸 나는 이제 알고 배운다... 왜 하필 데이터분석에 빠져서 통계랑 선형대수 같은 것을 공부했을까....ㅠ.ㅠ 타임머신이 필요해...) 무..
-
리액트 AwesomeFont 사용하기 ( i 태그로 사용하기 )Front End/React 2021. 8. 20. 17:54
1. 많은 블로거들이 포스팅 해 놓은 방법 - AwesomeFont를 객체화 해서 사용 - 내부구조 다 공부할 수 있으면 사용하기 - Reference) https://fontawesome.com/v5.15/how-to-use/on-the-web/using-with/react Font Awesome The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options. fontawesome.com 2. i 태그에 class 명만 주면 사용 할 수 있는 방법 (기존방식) - css 파일을 import 하는 거기 때문에 기존 html, javaScript 에서 하던대로 사용 가능..
-
Mac) Homebrew 로 Tomcat 서버 설치, 실행, 경로프로그래밍 언어/Java 2021. 8. 19. 15:01
# 설치 1. 터미널에 brew update - 업데이트를 해줘야 최신버전을 깔 수 있어요 2. 터미널에 brew search tomcat - 이전 버전은 @가 붙은채로 나오고 @가 없는 순수 tomcat은 최신버전 3. 터미널에 brew install tomcat (최신버전 설치) - 위의 search 의 결과중 하나를 선택하시면 됩니다. (버전이 다를뿐) # 경로 /usr/local/Cellar (Homebrew로 설치했을 경우) 무엇으로 어디에 설치 했는지 기억이 안난다 => find / -name tomcat 을 터미널에 입력 터미널에 cd /usr/local/Cellar 입력 후, ls 를 입력하면 tomcat 파일이 있는 것을 알 수 있다. 탐색기(Finder)의 Go -> Go to Fold..
-
Mac) 이클립스, 톰캣 연동프로그래밍 언어/Java 2021. 8. 19. 14:52
# 왼쪽상단 Eclipse -> Preference -> 'Runtime Environment' 검색 -> add -> 버전선택 -> 버전에맞는 톰캣설치경로 * homebrew 로 설치시, 경로는 /usr/local/Cellar/tomcat (tomcat파일안에 설치한 버전의 폴더가 있으며, 본인의 경우 9.0.36, 그 안에 libexec 파일과 링크시켜줘야됨 ) # 설치경로 찾기 https://developer-ping9.tistory.com/143 Mac) Homebrew 로 Tomcat 서버 설치, 실행, 경로 # 설치 1. 터미널에 brew update - 업데이트를 해줘야 최신버전을 깔 수 있어요 2. 터미널에 brew search tomcat - 이전 버전은 @가 붙은채로 나오고 @가 없는 ..
-
[React] 맥북에서 React App 깃허브(git)에 Deploy 하기 (feat. git에 개인 홈페이지만들기)Front End/React 2021. 8. 16. 18:50
1. 콘솔창에 npm install gh-pages@2.0.1 - 최신버전 gh-pages 설치시 deploy 오류가 생기는 경우가 있음 - Reference) https://stackoverflow.com/questions/57308851/receive-error-when-deploy-to-github-pages - 이미 gh-pages 를 실행(빌드)하여 cache 파일로 인한 오류가 있을 수 있음 - Reference) https://dryadsoft.tistory.com/16 2. package.json 파일에 'homepage' 객체 추가 - value 값에 https://{UserName}.github.io/{ProjectName} 추가 3. package.json 파일 scripts 객체에 ..
-
Mac) 나 보려고 만든 이클립스 단축키 모음 & 이클립스 기능 모음프로그래밍 언어/Java 2021. 8. 12. 20:52
1. 새파일 생성 (Alt + Command + n) 2. 글자크기 조정 (Command + Shift + [+/-] ) 3. 폰트설정 (좌측상단 Eclispse -> Preference -> Font 타이핑 -> Basic -> Text Font) : Verdana 가 많이쓰임 4. 자동완성 (Ctrl + Command + Space) 5. 창크기 조절, 파일파인더 노출유무 (Ctrl + M) 6. 컴파일 후 실행 (Command+ Shift + Fn + F11) 7. 한 줄 복사 (Alt+Command+화살표) 8. 한 줄 삭제 (Command + D) 9. 코드옮기기 (Alt + 화살표) 10. 생성자 자동생성, Getter, Setter 자동완성 (Alt + Command + S) 11. 제어문으..