개발/HTML 2

html 상대경로에 대해 알아보자

html 경로에 대해 알아보자 중간보스: /,./,../등장 html 공부하다 보면 경로 설정이라는 중간보스가 등장한다. 그이름은 바로 [상대경로 3형제]. 먼저 img를 넣으려고 하는데 안됨 oh my... 그리고 더 공부하다보면, link 파일 연결할 때도 경로 설정이 필요하다. 그렇기에 상대경로를 어물쩡 넘어가면, 나중에 뒷덜미 잡히니까. 최대한 후려쳐서 쉽게 알아보자. /=폴더접속, ./ = 현재 작업중인 폴더 ../상위폴더 공식만 알려면 이것 3개만 알면 된다. ./ 현재 작업파일이 속한 폴더를 지정하는 것이다. ../상위 폴더로 선택해주는 것 / 선택한 폴더로 들어가게 해주는 것 파일과 폴더의 관계에 대해 아는게 첫번째 개발 공부를 하다 보면 상하 위계 관계에 대해 나오는데, 이해하기 쉽게 가..

개발/HTML 2022.09.16

html 클래스 선언,클래스 뒤에 클래스, 다중 클래스를 알아보자.

html 클래스 선언,클래스 뒤에 클래스, 다중 클래스를 알아보자. 다양하게 그룹화를 하고 싶다. css를 하다보면 다양하고 세분하게 그리고 강력하게 효과를 주고싶을때가 생긴다. 나는 inline block을 배우고 써먹으면서 불편함을 느꼈다. 클래스 box1,box2,box3를 inline block으로 썼는데, 코드가 길어지고 난잡해졌다. 그러다가 다중클래스를 알게되었다. 그리고 내 인생이 달라졌다. 다중(여러)클래스 선언하기 Multiple Class(다중 클래스)는 세분하게 그룹화 할때 필요한 기능이다. 선언 방법은 간단하다. 클래스+공백+클래스 이다. example: 어떻게 써먹음? 예를 들자면, 블럭레벨을 인라인으로 변환 시킬때 사용하고 싶었다. box1,box2,box3,라는 클래스에 다중클..

개발/HTML 2022.09.14