본문 바로가기

분류 전체보기114

[HTML, CSS 실습] 블로그 레이아웃 만들기 [blog.css] .container { width: 800px; margin-left: auto; margin-right: auto; } .left { width: 70%; height: 100%; /* background: beige; */ float: left; } .right { width: 30%; height: 100%; /* background: lightgray; */ float: left; } .blog-profile { width: 60px; margin: 5px; float: left; } .blog-name { width: 80%; height: 100%; float: left; } [blog_layout.html] 이름 1시간 전 오리가 많은 베르사유 정원 오리가 엄청 많아서 그.. 2023. 11. 16.
[HTML, CSS] 레이아웃 만들기 (float, inline-box) 1. float를 이용해서 만들기 전체를 감싸는 wrapper(=container) 만들어 두면편함 width: 100%; → 부모요소의 100% display: block (가로행 전부 차지)속성 때문에 옆에 안 나와서 float속성 이용 float: left -> 요소를 붕 띄워서 정렬 clear: both -> float 다음에 오는 요소에게 주 float로 발생하는 이상현상 해결 가능() [main.css] .container { width: 800px; } .header { width: 100%; height: 100px; background: darkolivegreen; } .left-menu { width: 20%; height: 400px; background: cornflowerblue;.. 2023. 11. 16.
2023 정보처리기사 3회차 실기 1트 합격 후기 및 일주일 벼락치기(전공자) 사실 실기 시험 접수할 때 시험 기간이 10월 7일 ~ 10월 27일인가로 나와서 제일 늦을 때 보려고 했는데 알고 보니 실기는 10월 7일에 모두 보는 거였다..! 그래서 갑자기 더 빠르게 보게 되었다. 게다가 해외여행을 다녀온지 얼마 안 됐을 때라 시차적응 한 2주 하니까 갑자기 정처기 시험이 일주일 남았다. 그래서 진짜 시간이 없었기에 역대급 벼락치기를 했다. 우선 나는 오직 책 1권으로 공부를 했다. 한권만 조진다는 마인드. 그리고 필기 시험 때 기출문제와 꽤 연계가 높음을 느껴서 실기도 비슷한 방법으로 공부 방향을 잡았다. 참고로 나는 하루에 4시간씩 평일 알바도 했기에 나처럼 시간이 없는 사람들은 이 방법을 쓰면 좋을 것 같다! 정보처리기사 실기 시험은 총 20문제로 100점 만점 중 60점 .. 2023. 11. 16.
한글에 싸인 넣는 간단한 방법 참가 신청서 등 서류를 작성할 때 싸인을 넣어야 할 때가 많은데 한글에는 그림을 그릴 수 없어 직접 싸인할 수 없다. 이때 간단하게 싸인을 넣을 수 있다. 1. 그림판에서 싸인한 후 크기에 맞게 자른다. 2. 해당 이미지를 png로 저장한다. 3. 한글에서 그림 입력을 누른다. 4. 저장한 싸인 png 파일 클릭 후 원하는 위치에 원하는 크기로 붙여넣는다. 이때 붙여넣으면 당장은 문서가 밀리는데 그대로 두고 5번을 진행한다!! ⬇️ 5. 우클릭 -> 개체속성에 들어가 위치를 제일 오른쪽 것을 선택한 후 설정을 누른다. ⬇️ 6. 크기, 위치를 알맞게 조정한다. 완성!! 2023. 11. 9.
VSCode git이랑 연결하기 / git에 올리기 **아주 간결하게 쓴 버전** 1. Github에서 repository 하나 만들기 2. VSCode에서 f1 -> git clone -> Clone from GitHub 들어가서 로그인하기 3. Repository 선택 4. 연결할 폴더 선택 이렇게 하면 해당 Repository와 지정한 폴더가 연결된다. 여기서 기존에 있던 파일을 올리고 싶다면 해당 폴더 아래로 파일들을 옮기고 다음 명령어들을 이용한다. 1. git status : 현재 올라가지 않은 파일 확인 2. git add -A : 현재 안 올라간 파일 모두 추가하기 3. git commit -m "메시지" : 메시지와 함께 커밋하기 여기서 다음과 같은 오류가 난다면 Author identity unknown *** Please tell me.. 2023. 11. 9.
CSS 기초 - <div>로 만든 상자에 그림자 넣기 Q. 박스에 그림자 넣기 ➡️ box-shadow 속성 이용 box-shadow: none | x-posision y-posision blur spread color | inset|initial|inherit • none : 그림자 효과X • x-posision : 가로 위치. 양수는 오른쪽 음수는 왼쪽. - 필수 • y-posision : 세로 위치. 양수는 아래쪽 음수는 위쪽. - 필수 • blur : 값이 클수록 그림자가 흐려진다. • spread : 양수면 그림자 확장. 음수면 축소. • color : 그림자 색 • inset : 그림자를 안쪽에 만들기. • initial : 기본값. • inherit : 부모의 값을 상속. [CSS 파일] .box { width: 300px; hight: 50p.. 2023. 11. 9.

티스토리툴바