본문 바로가기

분류 전체보기182

[프론트엔드][자바스크립트] TIL Day-21 overflow와 ::before& ::after # overflow의 속성값은 visible이 기본값이고, 위의 속성들이 효력을 갖기 위해선 반드시 블록 레벨 컨테이너의 높이를 설정하거나, white-space를 nowrap으로 설정해야 한다. ::before( :before)과 ::after( :after) 선택한 요소의 첫 자식으로 의사 요소(pseudo elements)를 하나 생성한다. 보통 content 속성과 함께 쌍으로 사용되는데, 요소에 장식용 콘텐츠를 추가할 때 사용한다. 기본값은 인라인이다. 옆의 CSS 스타일링을 참고하면서 보면, id btnMnav는 display: none;을 주어 삼선(햄버거 버튼)을 만들게 되고, ::before는 span요소의 앞에 붙어서 아래 이미지에서 보듯 사이트의 삼선(햄버거 버튼)에서의 맨 위의 선을.. 2022. 4. 25.
[대학랭킹] 2022년도 국내 공대 대학 순위 (QS World University Rankings) QS 세계 대학 랭킹(QS World University Rankings)은 영국의 대학평가기관 Quacquarelli Symonds (QS)가 2012년부터 매년 시행한 대학들에 대한 평가표로, 전 세계 상위권 대학들의 학사 및 석사 랭킹을 매기고 있다. 하기 랭킹은 공학 기술 분야에서의 2022년 국내 대학의 세계 랭킹 순위를 기준으로 정리된 것이다. QS World University Rankings by Subject 2022: Engineering & Technology [국내 대학 공대 순위 - QC 2022년 기준] 1위: 카이스트 (세계: 20위) 2위: 서울대 (세계: 34위) 3위: 고려대 (세계: 76위) 4위: 포항공대 (세계: 79위) 5위: 연세대 (세계: 96위) 6위: 한양대.. 2022. 4. 24.
[대학랭킹] 2021년 중앙일보 대학 평가 순위 인문ㆍ사회ㆍ자연ㆍ공학 등 4개 계열 이상을 갖춘 종합 4년제 대학 대상(포스텍ㆍ카이스트ㆍ유니스트ㆍ광주과학기술원 등은 제외) 2022. 4. 24.
[커리큘럼] 숭실대학교 컴퓨터학부 숭실대학교 컴퓨터학부는 1970년 아시아 최초로, 우리나라 최초로 설립된 컴퓨터 관련 학과이다. 현재 컴퓨터학부 졸업생은 6,000(대학원 포함 8,000여명)여명에 이르며, 컴퓨터학부 졸업생들은 국내외 우수 대기업, 대학, 연구소, 정부기관에서 탁월한 직무 능력 및 연구 능력을 인정받아 중추적인 역할을 담당하고 있다. [교과과정] 개인적으로는 하기 과목은 어떠한 학교든 필수 중에 필수 아닌가 싶다. 비전공자로 개발을 하시고 계시는 분들은 참고하면 좋을 듯 하다. 1. 이산수학 2. 컴퓨터 아키텍처 3. 자료구조 4. 운영체제 5. 컴퓨터알고리즘 6. 데이터베이스 7. 프로그래밍언어론 8. 컴퓨터네트워크 더 배우면 좋은 과목들은 하기와 같다. 1. 소프트웨어공학 2. 인공지능 3. 컴파일러 4. 컴퓨터그.. 2022. 4. 24.
[커리큘럼] 서강대학교 컴퓨터공학과 서강대학교 컴퓨터공학과는 컴퓨터와 마이크로프로세서의 개발이 활발히 이루어지던 즈음인 1981년 3월에 이공대학 전자계산학과로 설립되어 출발했다. 이후 IT기술의 발전 및 벤처기업의 성장과 더불어 IT 강국을 표방한 국가정책에 부응하여 훌륭한 교수진과 첨단 시설을 갖추고 현재 한국 최고 수준의 교육 연구 환경을 제공하고 있다. [전공필수] [전공선택] 개인적으로는 하기 과목은 어떠한 학교든 필수 중에 필수 아닌가 싶다. 비전공자로 개발을 하시고 계시는 분들은 참고하면 좋을 듯 하다. 1. 이산수학 2. 컴퓨터 아키텍처 3. 자료구조 4. 운영체제 5. 컴퓨터알고리즘 6. 데이터베이스 7. 프로그래밍언어론 8. 컴퓨터네트워크 더 배우면 좋은 과목들은 하기와 같다. 1. 소프트웨어공학 2. 인공지능 3. 컴파.. 2022. 4. 24.
[커리큘럼] 한국방송통신대학교 컴퓨터과학과 우리나라 최초의 평생교육기관인 한국방송통신대학교는 1972년 서울대학교 부설로 개교하였고, 컴퓨터과학과는 2000년에 개설되어 20년간 새로운 산업혁명 시대에 지식과 능력을 갖춘 우수한 졸업생을 배출해 왔다. 그들의 배움에 대한 열정이 기술현장에서 긍정적인 결과를 만들어가고 있으며 이러한 컴퓨터과학과의 발전은 교수, 조교, 졸업생 등 학과 구성원들의 열정과 열의로 지속되고 있다(공식사이트: https://www.knou.ac.kr/knou/191/subview.do?epTicket=LOG) [1학기] [2학기] 개인적으로는 하기 과목은 어떠한 학교든 필수 중에 필수 아닌가 싶다. 비전공자로 개발을 하시고 계시는 분들은 참고하면 좋을 듯 하다. 1. 이산수학 2. 컴퓨터구조 3. 자료구조 4. 운영체제 5.. 2022. 4. 24.
[프론트엔드][자바스크립트] 객체 생성 따라하다가 - 따옴표? 백틱키! 코딩앙마님의 유튜브를 보며, 위와 같이 객체를 새로 생성하는 것을 따라 실습하는 중 다음과 같은 오류가 발생했다. 위의 코드를 실행하게 되면, item2.showPrice();로 인해 가격은 18000원 입니다. 가 출력되어야 하는데, 가격은 ${price}원 입니다. 라고 출력되는 것이었다. 알고보니, 실행 오류가 난 이유는 '가격은 ${price}원 입니다.' 이 부분 때문이다. 화면으로 보면서 실습을 따라하다 보니, 작은 따옴표를 입력할 줄 알았는데, ${price}와 같이 내장된 표현식을 허용하는 템플릿 리터럴(템플릿 문자열)이 있을 경우에는, 문자열을 따옴표 대신 백틱( ` ) backtick으로 에워싸져야 했다. 그래서, 저 작은 따옴표를 백틱으로 바꿔 작성한 후, 실행해보니 정상 작동이 되는.. 2022. 4. 23.
[프론트엔드][자바스크립트] TIL Day-20.1 DOM 문서 객체 모델 자바스크립트는 정적인 HTML에서 벗어나 동적으로 사용자와 상호작용할 수 있게 기능하게 하는 것이다. 웹 페이지는 한 번 화면에 출력되면 자기 자신을 바꾸는 능력이 없다. 그것을 가능하게 해주며 HTML을 제어하는 언어가 바로 자바스크립트이다. 이 때, 자바스크립트는 웹 페이지(웹 문서)와 그 안에서 사용한 텍스트, 이미지, 표 등의 모든 요소들을 각각 다른 객체(Object)로 인지하여 처리한다. 이렇게 자바스크립트를 이용해 웹 문서의 객체들을 이용해 웹 문서에 접근하고 제어하는 시스템을 문서 객체 모델(DOM, Document Object Model)이라고 한다. (여기서는 HTML 웹 문서를 대상으로 하므로 HTML DOM을 기준으로 설명한다.) 예를 들면 웹 문서 전체는 document 객체이고,.. 2022. 4. 22.
[프론트엔드][자바스크립트] TIL Day-19.2 수학 객체, 배열 객체, 문자열 객체 객체의 종류 1. 내장 객체 : 브라우저의 자바스크립트 엔진에 이미 내장되어 있어 필요한 경우에 객체를 생성해 사용 가능 ex) 문자(String) 객체, 날짜(Date) 객체, 배열(Arrary) 객체, 수학(Math) 객체 등 ㅡ 실행 예: Date 객체를 생성한 후, 메서드 getDate( )를 사용하여 오늘 날짜를 결과로 얻음 ① 날짜 객체 ② 수학 객체(Math Object) : 수학과 관련된 기능과 속성을 제공 종류 설명 종류 설명 Math.abs(숫자) 숫자의 절댓값을 반환 Math.pow(숫자, 제곱값) 숫자의 거듭제곱값을 반환 Math.max(숫자1, 숫자2, 숫자3, 숫자4) 숫자 중 최대값을 반환 Math.min(숫자1, 숫자2, 숫자3, 숫자4) 숫자 중 최소값을 반환 Math.ra.. 2022. 4. 21.