반응형 만드는법3 인스타그램 계정 프로필 링크 페이지 여러개 만들기 part 3 링크 페이지 만들기 part 3 마지막 링크를 만들고 마무리하는 글이 되겠습니다 실제로 링크를 만들어서 배포해보겠습니다 우선 github 사이트로 들어가서 회원가입을 합니다 "Create a new repository"을 클릭합니다 파일 이름 설정후 만들기 클릭 화면 밑줄 부분 클릭 이전 이미지 파일 코딩파일 업로드 하기 메뉴에서 셋팅을 누른다 페이지스 클릭 Save 클릭 해줍니다 링크가 생성됩니다 여기까지가 개인 프로필 계정링크 만들기가 끝이 났습니다 아래는 제가 만든 링크를 남겨 두었습니다 티스토리 - 프로필 링크 인스타 링크 만들기? kyuonehan.github.io 2022. 7. 22. 인스타그램 계정 프로필 링크 페이지 여러개 만들기 part 2 위 사진과 글들을 사이트 가운데로 모아주는 작업을 해보겠습니다 로 묶기 그다음 다시 class="wrap"으로 이름을 정해줍니다 display: flex; flex-direction: column; justify-content: center; align-items: center; 다시 위 style 태그로 돌아가서 .wrap{}안에 백그라운드색 넓이 마진폭 그리고 위 코드를 복사 붙여넣기 합니다 가운데로 모여진것을 확인 할 수 있습니다 (백그라운드 그린 컬러는 지울거에요~!) main과 sub로 다시 돌아가서 margin폭을 설정해 줍니다 마진 폭은 글자 사이에 간격을 의미합니다 유튜브 블로그 인스타 a태그를 복사해서 위 처럼 붙여넣기 해주세요 width: 300px; height: 50px; backg.. 2022. 7. 22. 인스타그램 계정 프로필 링크 페이지 여러개 만들기 Part 1 인스타에서는 1계정당 프로필에 링크 1개를 걸어 둘 수 있는데요 오늘은 1개의 링크를 통해서 다른 여러 사이트로 연결해주는 링크를 만드는법을 작성해봤습니다 제가 좋아 하는 일헥타르, 드로우앤드류님 인스타를 들어가보면 위처럼 링크 한개가 있습니다 링크를 눌러보면 위와 같이 스마트폰에서 다음 화면 처럼 다른 페이지로 연결되는 여러개 링크를 걸어 둔것을 볼 수 있습니다 오늘은 위 프로필 링크페이지를 만들어 보겠습니다 아 참고로 오늘은 링크트리 이용해서 만드는거 아니에요~! 코딩과 github 사이트를 통해서 만들겁니다 우선 Visual Studio Code 사이트에 들어가서 내 컴퓨터에 맞는 코딩 프로그램을 다운받아줍니다 바탕화면에 폴더 한개를 만들어 주세용 그다음 다운받은 코딩프로그램에서 맨위 file >>.. 2022. 7. 22. 이전 1 다음 반응형
