전체 글 (757) 썸네일형 리스트형 [2023 신입부원 심화 스터디] 김윤희 #2주차 - Part 2. , Part3. 5강 조건문 (if) const a = 10; const b = 20; if (a [2023 신입부원 심화 스터디] 정호용 #2주차 - Part 2. , Part3. 💡Part 2. 조건문 (if, switch) , 반복문 (for, while) 💡Part 3. 함수 (인자, 매개변수 & 지역, 전역변수) 💡Part3. Default Parameter, Arguments, Rest Parameter, Return Value 💡Part 3. 함수의 표현식, 화살표 함수 [2023 신입부원 기초 스터디] 이총명 #2주차 - CSS 입문 1 . css란 css는 code sexy styling의 약자로 웹사이트를 섹시하게 꾸며준다 css는 Cascading Style Sheet의 약자로 마크업 언어가 실제 표시되는 방법을 기술하는 스타일 언어이다 2. css 적용방법 인라인 스타일 - Inline Style Sheet 내부 스타일 - Internal Style Shee 외부 스타일 - External Style Sheet 이렇게 3가지 스타일이 있고 앵간하면 외부스타일로 css파일을 따로 만들어 사용한다고 한다. 3. css 출처 사용자 !important > 제작자 !important > 제작자 >사용자 > 브라우저 이 순서인데 사용자는 거의 신경 안써도 되고 제작자>브라우저만 기억해놔도 될 듯 하다. ( important는 casca.. [2023 신입부원 심화 스터디] 이정욱 #2주차 - 기초 문법 Part.2, 3 1. 조건문 (if) 조건문은 if 를 사용하여 실행한다. const a = 10; const b = 20; if (a > b) { console.log('a가 더 작아요!') } else if ( a == b) { console.log('a와 b가 같아요!') } else { console.log('a가 더 커요!') } if (조건문) { 실행부분 } 형식으로 작성되고 조건문이 만족하면 실행부분 안으로 진입하여 코드를 실행한다. else if는 이전의 if문이 실행되지 않고 넘어갔을 때 새로운 조건을 추가하여 실행된다. else는 이전의 if문과 else if문들의 조건들을 제외한 나머지 상태일 때 실행된다. 2. 조건문 (switch) 조건문은 switch의 형태로도 사용할 수 있다. const n.. [2023 신입부원 기초 스터디] 김승혁 #2주차 - CSS 1. CSS란 CSS(Cascading Style Sheets) html로 뼈대를 만들고 css를 적용해 꾸민다! cascading : 폭포 = 스타일이 우선순위에 맞게 연속적으로 적용된다. css 적용 방법 -인라인 스타일 태그 안에 스타일 속성으로 적용 정말로 바꾸지 않을 스타일, 꼭 사용해야 될 스타일에만 사용 ex) -내부 스타일 해드 태그 안에 스타일 태그 만들고, 그 안에 규칙 생성 자주 사용x, 불편함 -외부 스타일 외부에 css 확장자 파일 만들고 불러옴 외부 리소스의 연결을 돕는 링크로 연결(본 파일의 해드 태그에 설정) 관리 편하고 많이 사용 주석 /* 메모내용 */ vscode의 주석 단축기는 'Ctrl + /' CSS 출처 적용 우선순위 사용자 !important > 제작자 !imp.. [2023 신입부원 기초 스터디] 한승훈 #2주차 - CSS 기초 안녕하세요, 반갑습니다. 다들 한 주 잘 지내셨나요~? 사실 제가 글을 쓰는 시점은 중간고사가 종료된 후입니다. 하지만! 시간이 너무 빨리 지나가버린 여러분을 위해 제가 시험 10일 전으로 시간을 돌려드리겠습니다. 그리하여 4월 14일로 돌아왔네요. 제가 만들어드린 시간이니, 유익한 시간 되셨으면 좋겠습니다. 감사 인사까지는 안 하셔도 됩니다. 이번 블로그는 CSS에 대하여 다루어볼 건데요, 그래서 css는 무슨 뜻인가요? 많은 분들이 CSS란 무슨 내용인지 궁금해 하시는데요, 일교차가 크니 이웃 여러분 감기 걸리지 않게 조심하세요~ 1. CSS란 무엇인가? CSS (Cascading Style Sheets)는 웹페이지를 꾸미려고 작성하는 코드입니다. HTML와 같이 CSS는 실제로 프로그래밍 언어는 아.. [2023 신입부원 심화 스터디] 조현상 #2주차 - 기초문법 part.2, 3 심화스터디 2주차 글 시작~! #자바스크립트의 조건문과 반복문 그리고 함수 저번 시간 스터디 내용 - 변수 와 상수 선언 방법 - 변수 와 상수를 가지고 연산하는 방법 변수와 상수를 가지고 조건문을 만들 수 있다. 자바스크립트에서 제공하는 조건문은 if 와 switch 문이 있다. 먼저 if문부터 보면 const c = 30; if( c > 90) { console.log("A"); } else if( c > 50) { console.log("B"); } else{ console.log("F"); } //c는 30이기 때문에 F가 출력될 것이다. if 문은 if , else if , else 가 있다. if 문 선언은 if ( 조건문 ){ ...} 으로 선언할 수 있으며 조건문 안에 연산이 True 일 .. [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.. [2023 신입부원 심화 스터디] 신진욱 #2주차 - 반복문,조건문,함수 1. 조건문 - 지정된 조건이 참인지 거짓인지에 따라 서로 다른 코드로 분기하기 위해 사용하는 제어문 - if문과 switch문이 존재 - if (조건) {} - else {} // if문의 조건이 아닐때 - 하나의 조건문을 작성할 때 if, else는 한 번만 사용. (if로 시작, else로 끝나야 함 (else는 없어도 됨)) - else if는 if와 else 사이에 작성. 하나의 조건문에 여러 개 사용 가능 const a = 10; const b = 20; const c = 20; if (a 현재 함수를 종료 => 지정한 값을 함수를 호출한 지점으로 변환 function sum(a,b) { return a+b; } console.log(sum(10,20)); // 30 4. 함수의 표현식과 화살.. [2023 신입부원 기초 스터디] 최종은 #2주차 - CSS알아가기 CSS란? css: 웹에 표현되는 방법을 정해주는 마크업 언어 CSS의 적용 방법 1.인라인 스타일: HTML 태그 내부에 스타일 속성을 사용하여 스타일을 적용하는 방법 2.내부 스타일: 태그 내부에 단위 em,rem px rem em vw vh .... 픽셀 단위 루트 요소의 글꼴 크기 요소의 글꼴 크기 viewport 너비의 1% viwport 높이의 1% 글자 색상 color속성으로 지정하며 16진수(Ex: #ff0000),rgb(rgb(0,0,0),hsl,색상이름(black) 사용 가능 ... 위에 것들 외에 매우 다양한 글자 관련 속성이 있음 필요할 때 마다 찾아서 사용! CSS Box Model Box Model: 웹 페이지에서 HTML요소가 차지하는 일정 공간 content padding .. [LIDAR팀] Skeleton Code Review 이번에 리뷰할 코드는 skeleton code입니다. skeleton code는 일종의 뼈대 코드로, 기본적인 구조와 기능을 가지고 있지만, 구현되어 있지 않거나 미완성인 부분이 많습니다. 이러한 skeleton code는 주로 프로젝트 초기에 사용되며, 팀 내에서 코드 작성 방식을 표준화하고, 기본 구조를 확립하는데 사용됩니다. 이번 코드 리뷰를 통해 skeleton code의 구조와 기능에 대해 이해하고 이를 미션에 적용시킬수 있도록 개선함으로써 더 나은 미션 코드를 작성하려고 합니다. 그러면 이제부터 코드리뷰를 진행해보겠습니다. #include "header.h" //header.h 참조 #include "dbscan.h" // dbscan.h 참조 using namespace std; /*dbsc.. [LiDAR팀] 정혁제 #Lesson 4 - Working with Real PCD 1. Load Real PCD lesson 3까지 시뮬레이션 point cloud를 분할하고, 클러스터링 하는 방법을 배웠다. 이제 앞서 배운 개념들을 자율주행 차량의 실제 point cloud data에 적용해보는 방법을 배워보자!! 일단 실차의 PCD(Point Cloud Data)를 불러오는게 첫번째 일이다. 시작해보자!! 2. Load PCD 먼저 차에 기록된 PCD파일들을 로드할려면, 앞서 만든 simpleHighway 함수에서 만든 것과 유사한 새로운 point processor 를 만들어야 한다. 이 함수들의 차이점은 무엇일까? 새로운 함수(cityBlock)는 pcl의 PointXYZI 타입을 사용한다는 것이다. 여기서 "I"는 다들 알다시피, intensity(강도)를 뜻한다. 이제, e.. [LiDAR팀] 라이다 스터디 Lesson 1 Lidar 교육은 Udacity에서 올려주는 강의(ls1~4) 및 깃허브 코드로 스터디하는 내용을 정리할거다. (출처:https://github.com/udacity/SFND_Lidar_Obstacle_Detection/https://www.youtube.com/watch?v=f4bx0tzpBBU) LESSON1) introduction to Lidar and Point Clouds 레슨 1부터 4의 과정에서 우리는 sensor fusion에 대해서 배울것이고, 이는 다양한 센서에서 받아온 정보들을 결합해 우리 주변의 환경에 대해 정확히 이해하는 과정이다. (주로 라이다와 레이더) 이 강의의 목적은 두가지 센서를 이용해 도로위의 여러 차들을 인지하고, 그것들의 속도와 위치를 파악하는데 있다. 라이.. [2023 신입부원 기초 스터디] 박민규 #1주차 - 기초부터 확실히! (태그정리) VS CODE 단축키: ctrl + alt + 방향키 : 여러줄 입력 shif 방향키 : 여러 줄 상태에서 동시에 글 드래그 ctrl 오른쪽 방향키 : 줄에서 가장 오른쪽으로 이동 구조 : 제목 문서 기본 구조 : 내용 #item ---> span.title ---> ,title ---> p.container{Hello Word~!} ---> Hello World~! p.container{item$}*3 ---> item1 item2 item3 글꼴태그 : ~ : 제목태그 : 문단나누기 태그 : 가로 선 태그 : 줄 바꿈 태그 : 이텔릭체 태그 : 이텔릭체 강조 태그 : 강하게 표시 태그 : 진하게 강조 표시 태그 목록태그: : 순서 있는 목록 태그 : 순서 없는 목록 태그 : 목록 하위 태그 : 용어 .. [2023 신입부원 기초 스터디] 도승준 #1주차 - 레전드가 어쩌구.. 필드셋이 저쩌구.. HTML이란? - Hyper Text Markup Language의 약자로 , 웹 페이지를 만드는 언어이다. 1)HTML의 구조 강의를 들으며 실습한 코드를 따온 것인데, 위에서 보다시피 기본적으로 DOCTYPE, HTML,HEAD,BODY로 구성되어 있다. 2)태그 구조 위와 같이 이루어져있는데, 태그 사이에 콘텐츠를 넣어주어 사용한다. 3) 글꼴 태그 글꼴 태그에는 정말 다양한 태그들이 있는데, 기억에 남는 두 내용만 정리하자면 /태그의 차이와 /태그의 차이이다. 와 는 각각 단지 글씨를 굵게 해주고 이탤릭채로 기울이게 해주는 태그이지만? 과 태그는 '정말 강조하고싶은 내용이 있을 때' 사용하는 태그로써 사용하여 만약 시각장애인이신 분이 웹을 읽어주는 프로그램을 사용해 웹 문서의 내용을 청각적으로 듣.. [2023 신입부원 기초 스터디] 이총명 #1주차 - HTML 입문 1 . HTML이란 HTML은 Hyper Text Markup Language의 약자로 프로그래밍 언어가 아닌 마크업 언어입니다. HTML로 프로그래밍 한다고하면 칼 맞을수도 있대요. 모두들 조심하세요 (･ω 이 안에 글자를 넣으면 됩니다. [2023 신입부원 기초 스터디] 최종은 #1주차 - HTML알아가기 1.HTML이란? Hyper Text Markup Language HTML: 태그를 이용한 마크업 언어(프로그래밍 언어 X) Tag: HTML을 구성하는 요소 (주석==메모) Emmet: HTML에서 제공하는 자동완성기능 (공식 사이트가 있으니 참고 가능) ! > + * # . {} $ HTML 기본 구성 자식노드 생성(Ex: div>ul ) 형제노드 (Ex: div>ul+ol ) 반복 생성 (Ex: div>ul>li*3) 아이디 생성 (Ex:#id , ul#id) 클래스 생성 (Ex: .class, ol.class) 콘텐츠 생성 (Ex: p.cntainer{Hello, HTML!} ) 자동 넘버링 (Ex: p.num{test$}*3) 폰트(Font) 태그 글꼴 Tag 태그 ~ 역할 제목,부제목 표현 문.. [2023 신입부원 기초 스터디] 박승환 #1주차 - 웹 씨앗을 심었다!(HTML 배우기) [정리노트] ▶HTML이란? Hyper Text Markup Language의 약자로 웹 페이지를 만드는 언어이다. ▶HTML 태그 구조 제목 ▶HTML의 문서 기본 구조 →이런식으로 구성이 되었있다. 이를 일일이 코드를 작성하면 힘들기 때문에 세팅 된 ▶Emmet기능 -자동완성 기능을 제공하여, 작성 시간을 아주 빠르게 단축 시켜주는 확장기능 ▶HTML기본 태그 ~ 웹 페이지의 제목 or 부제목 표현, 숫자가 작을 수록 큰 제목. 문단 가로 선(종료태그 없음) 줄바꿈 태그, HTML에서 개행 역할 (종료태그 없음) 텍스트를 기울임(이텔릭체) 텍스트를 기울임(이텔릭체) #강조할 때 사용 텍스트를 진하게 표시 텍스트를 진하게 표시 #강조할 때 사용 순서가 있는 목록 순서가 없는 목록 목록하위 항목 , 태그.. 이전 1 ··· 22 23 24 25 26 27 28 ··· 31 다음 목록 더보기
