TodayILearned
-
[Wetube] DB.js를 이용하여 HOME화면에 동영상 리스트 보여주기TodayILearned/Wetube 2020. 8. 23. 17:44
1. 결과물 2. 목표 테스트 DB.js파일을 작성한다. mixin파일에 대해 이해한다. mixin파일을 이용해 HOME.PUG 파일로 송출한다. PUG란? Express내에서 사용 할 수 있는 View engine 해당 언어에서 사용되는 값을 해당되는 HTML언어로 변화시켜준다. HTML을 보다 쉽게 사용할 수 있게한다. mixin 이란? reuserble한 코드블럭을 생성하는 방법 중 하나이다. 계속해서 등장하는 캡슐화, 쪼개서 프로그래밍하는 방법 중 하나, 이는 유지보수를 편리하게 한다. 특정한 기능을 하는 코드를 캡슐화 했기 때문에 반복되는 코드를 줄일 수 있다. 참고링크 https://velog.io/@bluestragglr/Vue.js-Mixin-기능-반복-제거하기 3. 코드 DB.js exp..
-
[운영체제] 운영체제의 역사 (1950~1980)TodayILearned/운영체제 2020. 8. 22. 21:45
년도 특징 내용 1950년대 최초의 컴퓨터 발명 (ENIAC) 운영체제 없음 한개의 응용프로그램을 실행하기도 어려움 응용프로그램이 직접 시스템을 제어 함 1960년대 프로그램과 사용자가 증가 1. 배치처리 시스템 출현 -여러개의 프로그램을 돌릴 수 있도록 만든 시스템이었으나, 프로그램의 용량에 따라 비효율을 초래함. (A 프로그램 실행시간 30분 B 프로그램 실행시간 5분) 의 경우 B를 실행시키기 위해 A가 모두 실행 될 때 까지 기다려야 함 2. 1960년대 후반에 멀티태스킹/시분할 시스템이 이론적으로 발명됨 1970년대 멀티태스킹/시분할 시스템의 등장 1. 다중사용자를 지원하기위해 시분할/멀티태스킹 시스템 등장 1. 배치처리 시스템의 단점을 극복하기 위해 나온 시스템 1. CPU사용시간을 잘개 쪼개..
-
[Wetube] VIEW_JOIN/LOGIN 화면 구성 / partialTodayILearned/Wetube 2020. 8. 19. 01:39
결과물 partial 파일을 만들어, Social login 버튼을 JOIN/LOGIN화면에 추가하였다. partial 파일 더보기 다른 view파일 내부에서 보여지는 view이다. 뷰 속의 뷰? 기존의 View파일을 작게 쪼개서 관리할 수 있다는점,(캡슐화) 일부를 수정하기위해 전체를 수정 할 필요 없다. 쪼개서 관리! 이 partial 의 장점이다. 예시 main화면 내의 header/footer로 쪼개기 소셜 로그인 버튼 캡슐화 하기(깃허브,카카오톡,네이버,페이스북) 코드 SocialLogin.pug .social_login button span.social-login--github i.fab.fa-github |continue with github button.social-login--facebo..
-
[CSS] BEMTodayILearned 2020. 8. 18. 00:00
BLOCK ELEMENT MODIFY Block__Element--Modify Block = 전체를 감싸는 블럭 요소 (header/body/footer/container/ etc...) Element = 블럭 내의 작은 요소 (link/image/ etc...) Modify = 추가적인 기능 BEM이란, CSS 클래스네임을 구성하는 방법 중 하나이다. extends layouts/main.pug block content form-container form(action="routes.editProfile", method="post") label(for="avatar") Avatar input(type="file", id="avatar", name="avatar") input(type="text", pla..
-
[운영체제] OS의 역할TodayILearned/운영체제 2020. 8. 15. 16:03
1. SYSTEM 자원 - SYSTEM자원 = 하드웨어 CPU(중앙처리장치) : memory I/O device(입출력장치) SDD / HDD (저장매체) 2. OS의 역할 -하드웨어 자체는 스스로 할 수 있는 일이 없음. CPU 사용량을 할당 Memory 스스로 어느 주소, 어느정도의 공간 할당 할 지 결정 저장매체 어디, 어떤구조로 저장 할 지 결정 입력장치에 입력된 데이터를 어떤 프로그램이 어떻게 쓸 지 결정 할 수 없음 How did we run computer without OS
-
[운영체제] 들어가는 글TodayILearned/운영체제 2020. 8. 15. 15:57
진지하게 이직에 임하고자 공부하기 시작한 컴퓨터 공학과 전공 전필 수업. 내 전공 4년 듣는것도 벅찼는데(문과>공대) 과연 남들 4년 들은걸 이직하기 전까지 모두 들을 수 있을지? 의문이 들지만. 의문든다고 하지 않는다면 아무것도 남지 않겠지. 애초에 의문들어서 아무것도 안하는 성격이었으면 공대 갈 생각도 안했다. 어쨌든 내가 컴퓨터 공학 전공 필수를 듣는 이유를 정리하면서 동기부여하고자 포스팅한다. 역지사지로 생각해봤을 때, 전문지식이 필요한 업무에서 전공필수 내용도 모르면 같이 일하기 싫을 것 같다.ㅠ 신입 이후를 생각하면 어차피 필요한 지식일 것 같다. 정보처리기사를 딸 시간이 부족해서 그냥 불안한 마음에, 뭐라도 더 배워야할 것 같잖아. 하 성실하게 공부하자 성실하게!!!! 야근탓 그만하고 빠릿빠..
-
[NOMAD CODERS_Wetube] Search controllerTodayILearned/Wetube 2020. 7. 28. 00:43
결과물 목적 메인 화면에 search박스를 만든다. 해당 박스의 입력값과 함께 search 화면으로 이동! Search 화면의 로직을 구성한다. Home화면에서 검색한 결과를 Search주소 밑 하위 주소로 넘어가도록 한다. 코드 header.pug header.header .header__column a(href=routes.home) i.fab.fa-youtube .header__colunm form(action=routes.search, method="get") input(type="text", placeholder="Search by term...", name="term") .header__colunm ul li a(href=routes.join) Join li a(href=routes.login..