기초부터 시작하는 코딩/Javascript

Javascript를 이용한 사이트 만들기! - 포트폴리오 준비하기!

kebab00 2023. 5. 3. 23:36

728x90

- 오늘은 오전에 한 포트폴리오 연습에 대해서 적어 볼까 합니다.

- 가장 중요한 것은 바로 폰트!! font! 폰트! 굵기! 간격! 아무튼 이런 것들이 포트폴리오의 많은 부분을 좌우합니다.

- 매우매우매우 중요하죠 그래서 틈틈히 사이트를 돌아다니며 폰트도 구경하고 수집하는 것이 중요합니다.

- 하지만 저는 잘 못하는 것이죠.. 하지만 제가 눈여겨 본 것이 하나 있었습니다.

- 아래에 배경이 보이시나요?? 저 그림?? 저건 iframe을 사용한 것입니다.

- 이미 있는 사이트의 코드를 그대로 가져온 것이죠

- 저걸 사용하면 복잡한 코드들을 힘들게 이해하지 않아도 페이지에 넣을 수 있는 것이죠

- 물론 이쁘고 자연스럽게 하기위해선 어느정도 코드를 이해하기는 해야되지만 말이죠..

- 하는 방법도 어렵지 않습니다.

- 박스를 만들고 iframe 태그를 사용해 주소를 넣어 주는 것이죠

- 그리고 박스의 크기를 조절해주고 z-index를 사용해서 살짝 뒤로 가게 해준다면 끝입니다.!!

- 저는 그걸 사용해서 제 페이지에 넣고 싶은 효과를 넣어주었습니다.

- 사실 포기하고 다른 걸 찾고 있었는데 마침!! 딱 좋은 걸 배워서 써먹은 것이죠 

- 여러분들도 iframe을 이용해서 (약간 꼼수지만) 어려운 효과들을 사용해 보세요!!

- 헤더만 봐주세요.. 아직 다 못끝냈어요..