전체 글

구글에 ms sql server를 검색한 뒤 개발자 모드로 다운을 받는다!! 다운이 완료되면 추가로 ssms를 설치한다. 저는 공부하고 있는 유투버님이 제공하는 데이터를 활용했습니다 짠 sql 말만 엄청 많이 들어봤는데 실제로 실행시키니 신기하다 * mdf sql server에서 데이터를 저장할 때 사용하는 형식의 파일 데이터와 관련된 프로그래밍 소스 코드도 한꺼번에 저장된다. * execute단축키 : Alt + X 또는 F5 * 행 = 레코드 (여러 속성을 가진 한 개체의 모임) * 열 = 필드 (열에 존재하는 데이터는 같은 속성을 가짐 ) 유투버 영주닐슨의 Transformation 님 영상을 참고하였습니다. https://youtu.be/UjAvuqTVzlE

드디어 python이 나왔다. 평소에 python문법 중에서도 class 대한 이해가 어려웠는데 시나공 영상강의 들으면서 딱 이해가 됐던 표현이 있어서 남기고 싶었다. 이렇게 temp랑 self.x 와 self.y 의 관계를 컵에 담은 빨간색 파랑색 물을 서로 교환해 주는 형식으로 설명해주시는 것이다. !! temp = self.x 가 x에 담긴 빨간물을 temp로 (x는 비어있는 상태가 된다) self.x = self.y 가 y에 담긴 파랑물을 x로 self.y = temp가 temp에 담긴 빨간물을 y로 이렇게 되면 서로 담겨있는 물이 바뀌게 된다. !! a.x -> a가 객체명, x가 속성명 (a.x 로 하면 서로 이어주게 된다.) chg() -> 메소드 self.x = a.x 똑같은 의미 참고자료..

포토샵등 이미지 편집 도구를 이용하지 않고 css를 사용해서 이미지에 시각효과를 추가할 수 있다. filter란? filter속성은 요소에 대한 시각효과를 나타낸다. filter 함수 blur(px) 이미지에 흐림효과를 적용한다. 값이 클수록 흐림 효과 ↑ brightness(%) 이미지에 밝기를 조정한다. 100%가 기본값, 100%보다 크면 밝기를 제공하고 0%보면 완전히 검게 처리한다. contrast(%) 흐림효과 이미지의 대비를 조정한다. 100%가 기본값, 100%보다 크면 더 많은 대비를 제공한다. drop-shadow(x, y, blur(색상)) 이미지의 그림자 효과를 지정한다. grayscale(%) 이미지를 회색조로 변환한다. 0%가 기본값, 100%는 이미지를 완전히 회색 처리한다. ..

내부 링크 href 속성을 이용해서 내가 이동하고 싶은 속성의 id 값을 적기 one으로 이동 클릭시 id="one"값으로 이동! 목차가 필요한 콘텐츠 사이트에서 a태그를 이용한 내부 링크가 굉장히 유용하게 사용된다. ! 외부 링크 구글로 이동 버튼을 클릭하면 구글 사이트로 이동한다. target="_blank" 를 추가하면 외부링크가 새로운 탭에서 열린다!! 속성은 태그를 의미나 기능적으로 보조해주는 역할이다. 태그 href, target 속성 참고자료 유투버 수코딩님 영상을 참고하였습니다. https://youtu.be/-C6xj4dtGTM

:nth-child(N)= 부모안에 모든 요소 중 N번째 요소 /* 3, 6, 9, 12 번째(3의배수) 배경변경 */ li:nth-child(3n){ background: red; } /* 10번째 부터 이후 모든 리스트 컬러변경 */ li:nth-child(n+10) { color: blue; } /* 1번째 부터 5번째 까지 배경변경 */ li:nth-child(-n+5) { background: green; } /* 15번째 부터 20번째 까지 배경변경 */ li:nth-child(n+15):nth-child(-n+20) { background: hotpink; } /* 끝에서 부터 3번째 */ li:nth-last-child(3) { background: gold; } /* 홀수 */ li:nt..

📌css-box shadow box-shadow를 만들면 요소를 감싸는 그림자를 만들 수 있다. 그림자 만들어진 것을 확인할 수 있다. 그렇다면 box 안쪽에 그림자를 주려면 어떻게 해야할까? box-shadow 속성 맨 앞에 inset을 붙여주면 된다. 그렇다면 그림자 여러개를 겹쳐서 사용하는 것은 어떻게 할까? , 로 계속해서 그림자를 추가하면 된다. 안쪽그림자와 바깥쪽 그림자를 잘 활용하면 멋진 동그라미를 만들어볼 수 있다. box-shadow를 활용해 animation을 적용시킨 모습이다. 정말 이쁘다 ㅠㅠ https://html-css-js.com/css/generator/box-shadow/ Box Shadow CSS Generator Set the properties of your box s..

html( Hyper Text Markup Language) html은 웹 브라우저 창에 웹 문서의 내용을 보여 주는 데 필요한 약속이라고 할 수 있다. html은 웹 브라우저의 여러 내용 중에서 제목과 본문,이미지, 표와 같은 웹 요소를 알려 주는 역할을 합니다. 웹 개발을 하면서 웹 브라우저에 보여 주고 싶은 내용이 있다면 html에 맞는 표기법을 사용해야 한다. css css는 html로 만든 내용을 사용자가 알아보기 쉽게 꾸미거나 사용하기 편리하도록 배치할 때 사용한다. 규격이 정해진 pc나 , 모바일 화면에 여러 내용을 보여 줘야 하므로 css를 이용해서 웹 요소를 적절하게 배치하고 필요한 곳을 강조할 수 있다. 특히 pc, 태블릿 pc, 모바일 등 다양한 디바이스에 따라 화면이 자동으로 바뀌는..

앞서 공부한 flex는 한 방향 레이아웃 시스템이고 (1차원) grid는 두 방향 (가로 - 세로) 레이아웃 시스템(2차원) 이다. 그래서 gird 컨테이너가 더 복잡한 레이아웃 표현이 가능하다. CSS 디자인 제외하고 기본 설정이다. row 열, 가로 - 2개의 열 설정 columns 기둥, 세로 - 3개의 기둥 설정 각각 px 다르게 하면 어느 부분이 바뀌는지 보고 싶었다,,,!! fr -> fraction 단위를 뜻한다. 같은 비율을 가지게 된다. 하지만 열이 많아지면 계쏙 쓰는 것이 불편해지므로 그때 사용하는 것이 repeat() 이다. row와 column 모두 repeat를 활용한 모습이다. grid-column:1/3;를 통해 item1을 1-3번의 위치까지 늘린 모습이다. 2개의 번호만큼 ..