본문 바로가기

전체 글54

script 태그의 위치는 어디가 좋을까? HTML의 script 태그를 어디에 위치시키는 것이 좋은지에 대해 알아보겠습니다. script 태그에는 보통 .js 같이 다운로드하여서 실행시킬 파일들을 적게 되는데요. 이 script 태그의 위치는 head 태그의 끝에 위치시키는 분들과 body 태그 끝에 위치시키시는 두 분류로 크게 나눌 수 있는데요. 이 차이에 대해 설명드릴게요 head 태그에 위치시켰을 경우 브라우저가 HTML 코드를 읽어내려오다가 script 태그를 만나게 되면, 해당 파일을 다운로드하고 실행시키기 위해 HTML을 읽어오는 과정을 잠깐 멈추게 됩니다. 그리고 해당파일을 모두 다운로드하고 실행을 시킨 이후에 다시 나머지 HTML 코드를 읽게 되는데요. 이렇게 할 경우 아래와 같은 단점이 생기게 됩니다. 단점 : script 파일.. 2020. 9. 6.
[CSS] CSS(Cascading Style Sheet) CSS (Cascading Style Sheet) Cascading Style Sheet의 약자로 CSS가 탄생한 것처럼 CSS에서 Cascading은 엄청 중요해요! Cascading은 사전에서 폭포,계단 으로 CSS가 적용되는 우선순위를 뜻해요 Style attribute -> id selector -> class selector -> tag selector 위의 왼쪽이 제일 강한 우선순위고 오른쪽으로 갈수록 우선순위가 낮아져요 그리고 위의 우선순위 상관없이 무조건 적용되게끔 우선순위가 제일 높은 것은! important로. ! important를 사용하면 우선순위 상관없이 적용을 무조건 시킬 수 있지만 권장되지는 않는다고 하니 참고만 해주세요 2020. 8. 26.
[CSS] font-size, color 오늘은 CSS에서 font-size와 color 속성에 대해 알아볼 거예요 😊 font-size에 px만 있는줄 알았는데 em, rem 단위도 있었다니,, 그럼 우선 font-size의 px, rem, em 단위에 대해서 알아볼게요! px 모니터 상의 화소 하나의 크기에 대응되는 단위로 고정된 값이지만, 사용자가 글꼴의 크기를 조정할 수 없기 때문에 가급적 사용을 하지 않는 것이 좋다고 해요 rem html 태그의 폰트 크기에 따라서 상대적으로 크기가 결정되고 사용자가 웹 브라우저 상에서 폰트 사이즈를 변경하는 것에 따라 동일하게 변경되기 때문에 rem을 사용하는 것을 권장한다고 해요 em 부모 태그의 영향을 받는 상대적인 크기로 파악하기가 어렵다고 해요! rem이 등장하면서 이 단위 역시 사용이 권장되.. 2020. 8. 26.
[리눅스] grep 명령어 (AND, OR, NOT) 제가 자주쓰는 grep 명령어에 대해 정리해보려해요! (잊어버리고 다시 찾아보곤 해서,,,) 일단, grep을 어떨때 사용하는 것인지 모르시는 분들이 있을수있기에 간단히 설명해드릴께요 😊 예를들어 엄청 많은 정보가 들어있는 로그파일을 서버에서 읽을때 저는 주로 사용하는데요 저는 그 로그파일에서 특정한 부분만 보고싶은데 불필요한 로그까지 봐야할때! grep을 사용해서 찾고자하는 문장에 들어가있는 키워드만 적어주면 해당 키워드가 들어간 로그만 보여주기 때문에 쉽게 찾을 수 있는 명령어예요! 그럼 이제 grep의 사용방법을 알아볼께요! grep으로 특정한 키워드(단어)가 들어간 문장 찾기 해당 keyword가 들어가있는 문장 모두 출력 cat logger.txt | grep 'keyword' grep으로 찾고.. 2020. 8. 21.
[HTML] img 태그 오늘은 HTML의 태그에 대해 알아볼게요 😃 img태그 ( ) HTML 문서에 image를 넣고싶을때 사용 태그는 태그 내부에 위치하며 src 속성에 "이미지가 들어있는 경로/이미지파일이름.확장자" 이렇게 작성해 주면 되는데요. 그림이 너무 커서 height(높이) 속성에 500이라고 지정해주어 사진을 줄였어요 (저는 img파일을 html 코드를 작성한 경로에 같이 넣어줘서 src 부분에 경로는 따로 표기하지 않았어요) 위와 같이 코드를 작성해주면 아래와 같은 웹브라우저 화면을 볼 수 있어요 (사진만 캡처해서 가운데에 나오는 것처럼 보이지만 기본 화면에서 왼쪽 정렬되어 나타납니다) 그리고 img태그의 속성 중 아래와 같이 alt와 title 속성이 있는데요 alt는 예를 들어 img파일 이름이 아래와 같.. 2020. 8. 12.
[HTML] p, br 태그 오늘은 HTML 태그 중 가장 기본이 되는 p태그와 br태그에 대해 알아볼게요 😃 p태그 ( ) / br태그 ( ) p(paragraph)태그는 단락,문단,절 등을 구분할 때 사용합니다. br태그는 텍스트 내의 줄 바꿈(line-break)을 정의할 때 사용합니다. 예를 들어 설명하면, 우리가 html 코드에서 아래와 같이 엔터(Enter)로 줄과 단락을 구분한다 해도 웹 브라우저 화면에서는 이렇게 단락 구분 없이 쭉 나열돼요 😥 이제 HTML의 태그를 삽입해볼게요 줄 바꿈(엔터)를 하기위해 기존에 엔터를 치던 문장의 끝에 '내가 여기서 줄바꿈(엔터)를 하겠다!'라는 의미로 을 붙여주면 되구요 :) (참고로 태그는 빈(empty) 태그로 만 사용하면 되지만! XHTML의 경우에는 로 사용해야 한다고 해요.. 2020. 8. 12.
intelliJ의 폴더들에 대해 오늘은 intelliJ에서 프로젝트를 생성했을때 보이는 폴더들에 대해서 공유를 해볼께요 :) 저도 하나하나 폴더들에 대해 모르기때문에 공부차원에서 ㅎㅎ 저는 File -> New -> Project -> Java Enterprise 이렇게 프로젝트를 생성했는데요 그러면 아래와 같이 폴더가 생성되어 나오는것을 볼 수 있었어요 그럼 이제 위에 있는 폴더의 용도들을 하나하나 알아볼께요 .idea 해당 프로젝트의 설정값들이 포함된 폴더 artifacts 아무리 찾아도 위에 폴더들의 용도를 못찾겠어서 ㅜㅜ 더이상 못쓰겠어여ㅜㅜ 아시는분 계시면 댓글로 알려주고 가시면 감사하겠습니댜😭 2020. 8. 7.
HTML (HyperText Markup Language) HTML이란 HTML은 HyperText Markup Language의 약자로 일단 하나하나 뜯어볼게요! HyperText : 하이퍼텍스트를 기반으로 한 Markup : 마크업 형식을 가진 Language : 프로그래밍 언어 * 하이퍼텍스트 : 웹브라우저를 통해서 어떤 웹페이지를 볼 때 언제나 있는 것이 링크인데, 이 링크라고 하는 기능이 하이퍼텍스트. * Markup : 제목은 무엇인지, 주소는 어디에 있는지, 강조할 부분은 어디인지와 같이 문서를 구조적으로 표시하기 위한 것. 위의 요약해서 설명하면 HTML이란 하이퍼텍스트를 기반으로 한 마크업 형식의 프로그래밍 언어라고 할 수 있겠는데요 (말이 어렵죠,,,😶) 더욱 이해하기 쉽게 설명하자면 사람과 사람 사이에 오고 가는 말 중에 '창문 좀 열어주겠니.. 2020. 8. 3.
Git 원격저장소(remote) 변경 오늘은 Git remote 변경하는 방법을 공유할께요😊 회사에서 프로젝트를 진행하다가 고객사로 외근을 가서 프로젝트를 하게된 적이 있었어요. 그때 기존의 Git에 연결되어 있던 프로젝트 중 하나를 push or clone 하려했는데 아래와같은 오류가 났었죠.. "Push failed Unable to access 'http://~~~~~~~~': Could not resolve host:~~~~" 이유는 바로 http://바로뒤에 IP를 직접넣어준것이 아니라 팀내에서 지정해준 도메인같은이름?을 넣어주어서 사내가 아닌 외부에서는 접근이 되지않았어요😅 결론은 Git remote를 IP로 변경해주어야 하는데 방법은! 1. 폴더에서 해당 프로젝트 파일이 있는 경로로 들어가기 2. 마우스 우클릭하여 'Git Ba.. 2020. 8. 3.
[Altibase] 테이블 조회, 생성, 내부 데이터삭제, 테이블이름변경, 테이블 컬럼 타입변경 테이블 조회 select * from tab; 테이블 생성 CREATE TABLE 테이블명 ( UUID VARCHAR(36) PRIMARY KEY NOT NULL, STIME DATE DEFAULT SYSDATE NOT NULL, N_COUNT INTEGER DEFAULT 0 NOT NULL, N_CLUSTER VARCHAR(64) NOT NULL, N_COMPONENT VARCHAR(64), N_SYSTEM VARCHAR(64), alloc NUMBER, conn NUMBER, alloc_peak NUMBER, conn_peak NUMBER ); 테이블 내부 데이터 삭제 DELETE TABLE 테이블명 WHERE 컬럼명 = 컬럼값 테이블이름 변경 RENAME 기존테이블명 TO 수정할테이블명 테이블 컬럼.. 2020. 7. 28.

티스토리툴바