본문 바로가기
반응형

분류 전체보기

 (646)
[2023 신입부원 기초 스터디] 박민규 #2주차 - CSS는 화려하게 (Like 음주 텐겐) CSS : Cascading Style Sheets CSS 형태 ↓ (선택자) h1 { color: blue; } ↑ ↑ (속성명)(속성값) Inline Style 하나의 태그 안에 style을 사용하는 방법 (절대 변하지 않을 스타일인 경우, 꼭 사용해야 할 경우에 드물게 사용) ex) ↑ style 속성을 여러개 주고 싶을 땐 이렇게 ' ; '을 사용한다. Internal Style 이러한 내부스타일 형식이며, h1대신 다른 태그에 class를 부여하고 .(class명) 후 속성명과 속성값을 부여할 수도 있다. 하지만 현업에서는 내부스타일 형식은 번거로운 작업이므로 잘 쓰이지 않는다. External Style 작업을 하고있는 html 파일이 아닌, 기존에 있는 CSS 스타일시트에 ↓ (선택자) h1..
[2023 신입부원 기초 스터디] 박승환 #2주차 - 새싹이 자랐다!! @@지난 강의에서는 HTML을 배웠다. 이번에는 CSS를 알아보자!@@ CSS(Cascading Style Sheets)란? HTML로 이루어진 문서를 꾸미 스타일 시트 CSS의 구조 선택자 - 꾸미고 싶은 HTML요소 (여기서는 h1) 속성명 - 꾸미고 싶은 속성명(여기서는 color) 속성값 - 어떻게 꾸밀지 입력(여기서는 blue) 인라스타일 VS 내부 스타일 VS 외부 스타일 인라인 스타일 HTML태그 안에다가 입력함. 내부 스타일 태그 안에다가 입력함. 외부 스타일 CSS 파일을 외부에 정의, 외부에 정의한 CSS를 HTML파일에 연결하여 사용 외부파일은 파일명.css로 해야함 태그로 외부와 연결. CSS 출처 우선순위 사용자 !important > 제작 !important > 제작자 > 사용자..
[2023 신입부원 심화 스터디] 황현진 #2주차 - 기초문법 part.2, 3 📌 조건문 if문 if(조건1){ 조건1이 참일 때 실행될 코드 } // 코드가 한 줄 일때는 중괄호를 생략해도 된다. else if(조건2){ 조건2가 참일 때 실행될 코드 } else{ 모든 조건이 거짓일 때 실행될 코드 } ⚠️주의할 점 : 하나의 조건문을 작성할 때 if, else는 한 번만 사용, if로 시작, else로 끝나야함(else는 없어도 된다.) switch문 (if문과의 차이점: 동일한 조건이 주어지고 그 조건의 값에 따라서 다른 코드를 실행하도록 함) switch(조건){ case 값: 실행할 코드 break; case 값: 실행할 코드 break; default: 위의 값 중 참이 되는 것이 없을 경우 실행되는 코드 } ⚠️주의할 점 : break를 써줘야한다. +) 예제코드 c..
[LiDAR팀] 라이다 스터디 Lesson 2 Lidar 교육은 Udacity에서 올려주는 강의(ls1~4) 및 깃허브 코드로 스터디하는 내용을 정리할거다. (출처:https://github.com/udacity/SFND_Lidar_Obstacle_Detection/https://www.youtube.com/watch?v=f4bx0tzpBBU) ​ Lesson 2: Point Cloud Segementation ​ 이제, 우리는 주어진 상황에서의 장애물들을 찾아내고 싶다. 하지만, 주어진 도로 상황에서 어떤 물체들은 우리가 보고 싶은 장애물들이 아니다. 예를 들자면, 도로위의 자유공간들이 해당된다. 만약 도로가 평평하면 도로가 아닌 지점에서 도로의 지점들을 골라내는 과정은 매우 간단하다. 이를 위해 우리는 Planar Segementation(평면분..
[2023 신입부원 기초 스터디] 정찬우 #2주차 -CSS가 뭐길래... CSS란? HTML로 작성한 기본 틀을 꾸밀 때 사용하는 스타일을 정리한 시트. 정리하자면 HTML은 웹 페이지의 뼈대를 만들고, CSS로 웹 페이지를 예쁘게 꾸미는 역할을 함. CSS 구조 CSS 적용 방법 -인라인 스타일 - 스타일을 정의하고 싶은 HTML 요소에 스타일을 적용한다. -내부 스타일 - 태그 안에 태그를 사용하여 정의한다. -외부 스타일 -외부 스타일은 CSS 파일을 외부에 정의해 놓고, 외부에 정의한 CSS를 HTML파일에 연결하여 사용하는 것을 말한다. 관리하기 용이하고 용량도 적기 때문에 이 방법이 주로 사용됨 CSS 출처 3가지 -제작자 스타일 - 말 그대로 제작자가 작성한 스타일 -사용자 스타일 - 사이트를 사용하는 사용자가 구성한 스타일 -브라우저 스타일 - 브라우저마다 기..
[2023 신입부원 기초스터디] 도승준 #2주차 Cascading 뭔가 단어가 멋있지 않나요 저만 그래요? CSS란? -Cascading Style Sheet의 약자로 HTML을 꾸며주는 언어이다. Cascading 이라는 단어가 생소했는데 , 마침 강의에서 설명해주셨당 ㅋ -ㅋ (폭포라는 뜻) HTML은 1.제작자 스타일을 우선 적용하고, 2.그 다음 브라우저 사용자 스타일 3.브라우저 기본 스타일 순으로 적용하는데, 이처럼 폭포와 같이 스타일이 우선순위에 맞게 연속적으로 적용됨을 의미해서 Cascading이라는 단어를 사용하였다. -CSS 구조 -CSS 적용 방법 CSS의 적용방법에는 크게 세 가지가 있는데, 바로 1. 인라인 스타일 2. 내부 스타일 3. 외부 스타일이다 1. 인라인 스타일 태그 안에 CSS를 적용하는 스타일이고, ;를 써서 태그 안에 여러 가지 속성을 적용할 수 있다. 그렇지만 한 태그..
[2023 신입부원 기초 스터디] 조상혁 2주차 - CSS알아가기! Css 란? " CSS 는 사용자에게 문서를 표시하는 방법을 지정하는 언어 " Css의 구조 출처 : https://hack-cracker.tistory.com/30 Css적용방법 인라인 스타일 - Inline Style Sheet 내부 스타일 - Internal Style Sheet 외부 스타일 - External Style Sheet + Css 주석 : 주석은 Style Sheet 내에 메모를 남기는 것을 말한다. 사용법 - /* 메모내용 */ 메모내용란에 문자작성 Css 출처 ◆ 제작자 스타일 : 말 그대로 웹 사이트 제작자가 작성한 시트 ◆ 사용자 스타일 : 사이트를 방문하는 일반사용자들이 구성한 스타일 시트 예시) 윈도우의 "고대비"설정 + 보통은 잘 쓰이지 않으나 특수한 경우들이 쓰임 ◆ 브라..
[2023 신입부원 심화 스터디] 박지민 #2주차 - 기초문법 part. 2, 3 1.조건문: 지정된 조건이 참인지 거짓인지에 따라서 서로 다른 코드로 분기하기 위해 사용 - if문 if (조건) { 조건이 참일 때 실행 } if문의 조건이 거짓이면 블록 내부에 진입하지 않음 - if ~ else문: 조건식이 거짓일 때 실행되게 하려면 if 문 다음에 else 작성 if (조건) { 조건이 참일 때 실행 } else { 조건이 거짓일 때 실행 } - else if문: 여러 개의 조건을 한 번에 처리 가능 하나의 조건문을 작성할 때 if와 else는 한 번만 사용 가능 & else if는 여러 번 사용 가능 if로 시작, else로 끝나야 함 (else는 없어도 됨) if (조건) { 참일 때 실행 } else if (조건) { 위의 거짓이고 else if 조건이 참일 때 실행 } el..
반응형

티스토리툴바