IT이것저것13 [HTML/SCC] 005. 버튼 위치 정하는 css position 속성들 정리 버튼 위치 정하는 css position 속성들 정리 position의 가장 큰 특징 1. 좌표이동이 가능하다 2. float 속성처럼 공중에 뜨는 특징이 있다 (그래서 사용자가 화면에서 스크롤을 내려도 따라다니는 특징이 있다) position의 속성 4 가지 position : relative; // 내 원래 위치를 기준으로 이동position : absolute; // 내 부모 위치를 기준으로 이동(position : relative가 있는 부모기준)position : fixed; // 사용자가 보는 전체 표면 기준으로 이동position : static; // 기준 없이 고정시킴 그리고 나서top, bottom, left, right 에 px값을 지정해주면 됩니다. 그럼 예시를 통해 위에 4가지를 .. 2024. 4. 24. [HTML/SCC] 004. <div>박스 가로로 배치하기 2가지 방법 1. 박스 가로로 배치하기 첫번째 방법 (float, clear : both) 최종적으로 만들어볼 화면은 아래와 같고, 핵심 코드는 float 와 clear: both; 입니다. 1. container 박스를 만들고 그 안에 4개의 박스를 넣습니다. 2. 각각의 style의 영역을 width와 height로 설정해주고 background-color를 넣어줍니다. 3. 각 div 박스는 height의 세로로 지정된 영역을 모두 차지하기에 left와 right 를 띄운다는 의미의 float를 입력합니다. float: left는 화면 왼쪽을 기준으로 붕 띄운다. float: right는 화면 오른쪽을 기준으로 붕 띄운다. 는 뜻입니다.그럼 아래와 같은 화면이 출력됩니다. 위에 화면은 사실 left와 right.. 2024. 4. 22. [aws] 003. 아마존 서버에 도메인 연결하기 아마존 서버에 도메인 연결하는 방법 아마존 서버에 본인이 구매한 도메인을 연결하여, IP를 치고 들어가지 않고, 도메인을 쳐면 보여지도록 네임서버를 설정해보도록 하겠습니다. 01. 도메인 구매한 사이트에 접속 저는 가비아에서 도메인을 구매하였기 때문에, 가비아에 들어갔습니다.우측 상단에 'My가비아'를 클릭하세요. 02. 도메인 설정 도메인을 클릭하시고 'DNS'관리툴 을 클릭하신 후 아마존에 설정하고 싶은 도메인을 선택합니다. 그리고 타입은 A 입력,호스트는 보인인 @ 을 입력, 값/ 위치에 아마존 서버의 IP를 입력해 주고 확인버튼 클릭 후 저장을 누르면, 도메인 설정이 완료 되었습니다. 2022. 7. 4. [aws] 002. 아마존 서버 설치 및 파일 실행 & 중지 방법 Mac으로 아마존 서버 설치 및 서버에 올린 파일 실행하고 중지하는 방법 01. 아마존 서버 접근 Mac으로 아마존 서버를 접근하기 위해서는 'terminal'을 통해 접근을 합니다. 'option' + 'space'를 동시에 누르고 'terminal'을 입력하여 터미널을 열어줍니다. 02. 서버에 접속 'sudo chmod 400 (keypair)' 숫자 400을 입력하고 한칸 띄고 아마존 서버 설치시 받았던 키페어를 저장한 폴더에서 드래그하여 가져오고 엔터를 눌러 줍니다. 아마존 비번이 아닌 본인의 Mac에 설정된 비번을 입력해 줍니다. 'ssh -i (keypair) ubuntu@아마존IP' 를 입력해줍니다. ssh -i 다음에 한칸 띄고 키페어를 드레그하여 넣고난 다음에 ubuntu@를 입력하고 .. 2022. 7. 1. 이전 1 2 3 4 다음
