Frontend Study - 2/Etc (11) 썸네일형 리스트형 22.06.22 TIL - 매개변수(parameter) 함수가 외부에서 입력 받은 데이터를 처리하는 경우. 함수가 외부의 값을 받을 때. 정의된 함수의 소괄호 내부에 name 이라는 단어가 들어 있습니다. 함수 이름 옆 소괄호 자리에 적혀 있는 단어를 **매개변수(parameter)**라고 부릅니다. function getName(name) { return name + '님'; } 매개변수는 외부로부터 들어오는 값을 담아 함수 내부에서 사용하도록 하는 변수의 역할을 합니다. 함수 외부로부터 들어온 값이 담길 '자리' ! - 인자(argument) let result1 = getName('개발자'); let result1 = getName('개발자'); // '개발자님' 출력 let result3 = getName('프론트엔드 .. 22.06.21 TIL - Position 가운데 정렬 팁. img { position : absolute; left : 50%; } 부모의 50%이라는 의미는, 부모가 100px이었다면, 이미지가 left: 50px으로 이동했다는 뜻입니다. 사과이미지의 왼쪽시작선이 50px에서 시작하게 되죠. 그래서 사과가 차지하는 영역은 50%+20px입니다. 한가운데 지점에서 이미지가 시작하고 20px만큼 차지했으니 이미지의 중심점이 한가운데가 아닌것입니다. 다시 사과이미지의 반만큼 왼쪽으로 이동시키면 이제 한가운데로 이동하게 됩니다. -vh, vw와 width % 차이 vh = viewport height vw = viewport width 즉, 현재 실행중인 스크린 크기에 맞춰 상대적 크기를 반환하겠다는 뜻입니다. 100vh, 100.. 22.06.20 TIL - id 태그 id는 태그에 이름을 주는 속성입니다. 주민등록 번호와 같이 한국에 단 하나밖에 없어 대상을 식별할 수 있는 고유한 값이어야 합니다. 따라서 웹 페이지에 해당 id 이름은 오직 하나만 가질 수 있습니다. 즉, 중복된 id 이름이 있으면 안됩니다. - 인라인 스타일의 스타일 태그 style 속성에 직접 작성할 수 있습니다. FRONTEND 101 빠르고 편합니다. 적용해야할 스타일이 많아지면 코드 가독성이 떨어질 것. html 태그와 style코드가 혼재되어 있어 유지보수에도 좋지 않다. FRONTEND 101 - html - css 연결 파일에 작성: html 파일과 분리하여 css파일에 따로 작성하는 방법입니다. html파일에서 어느 css파일이 쓰였는지 브라우저에 알려야 하므로, 링크를.. 이전 1 2 다음