My Boundary As Much As I Experienced

과제 목표: 직원들의 프로필과 사진을 관리할 수 있는 사진 관리자 서비스 만들기. “AWS S3 / Firebase 같은 서비스”를 이용하여 사진을 관리할 수 있는 페이지를 구현하세요. 프로필 페이지를 개발하세요.스크롤이 가능한 형태의 리스팅 페이지를 개발하세요. 전체 페이지 데스크탑-모바일 반응형 페이지를 개발하세요.사진을 등록, 수정, 삭제가 가능해야 합니다. 유저 플로우를 제작하여 리드미에 추가하세요. CSS애니메이션 구현상대수치 사용(rem, em) JavaScriptDOM event 조작 결과물 주소: https://profilebase-bm0729.firebaseapp.com/ 깃허브 주소에서 기능 설명 자세히 보기 ProfileBase, 직원 사진 관리 백오피스 (KDT0_JeongBeomH..

가상 클래스 선택자 :checked 를 사용하여 체크된 체크박스들만 모두 선택할 수 있다. 선택자로 선택된 node를 찾아 조작할 수 있다. const checked = document.querySelector("input[type='checkbox']:checked") 또한, 프로퍼티 속성을 다루듯이 사용할수도 있다. 아래 예제는 내가 전체 체크박스를 눌렀을 때, 다른 체크박스들을 모두 선택되게 하거나, 모두 해제하게 하는 로직을 구현한 방법이다. input type="checkbox"인 노드는 .checked 식으로 프로퍼티 속성을 다루듯이 사용할 수 있다. const primeCheckbox = document.querySelector("input[type='checkbox']") // 맨 첫번째 ..

some 리턴 값이 하나라도 true라면 true값 반환. (빈 배열에서 사용하면 false값 반환) const array = [1, 2, 3, 4, 5]; // checks whether an element is even const even = (element) => element % 2 === 0; console.log(array.some(even)); // expected output: true every 모든 인자들이 콜백함수 테스트를 통과하면 true를 반환. 콜백함수를 하나라도 통과하지 못할 시 false 반환. every함수와 부정연산자(!)를 사용하여 콜백을 짜면 하나라도 참일 시 false를 반환하는 로직을 짤 수 있다. (빈 배열에서 사용하면 true값 반환) const isBelowT..

버블링Bubbling이란? 특정 요소를 선택했을 때, 그 요소 뿐만이 아니라 상위 요소들의 이벤트 리스너도 작동하는 것을 말한다. 이동하기 //JS const divEl = document.querySelector("div") const pEl = document.querySelector("p") const aEl = document.querySelector("a") divEl.addEventListener("click", ()=> console.log("div")) pEl.addEventListener("click", ()=> console.log("p")) aEl.addEventListener("click", ()=> console.log("a")) //클릭 시 //a //p //div 한 요소에 이..

시스템 콜(System Call)이란? 사용자 프로그램이 디스크 파일을 접근하거나 화면에 결과를 출력하는 등의 작업이 필요한 경우, 즉 사용자 프로그램이 특권 명령의 수행을 필요로 하는 경우, 운영체제에게 특권 명령의 대행을 요청하는 것이 시스템 콜이다. (커널 모드의 명령을 사용자 모드에서 명령으로 할 수 있게 해주는 것이다.) SUDO 아닌가? 아님 시스템 콜의 유형 시스템 콜은 다섯 가지의 중요한 범주로 나눌 수 있다. 프로세스 제어, 파일 조작, 장치 조작, 정보 유지보수, 통신과 보호. 여기서는 각 범주들에 어떠한 기능들이 있는지만 간략하게 살펴본다. (자세한 내용을 알고 싶으면 홍릉과학출판사의 Operating System Concepts 8th Edition, 64page 부터 참고하길 바란..

인터럽트(Interrupt)란? 인터럽트란 CPU가 특정 기능을 수행하는 도중에 급하게 다른 일을 처리하고자 할 때 발생한다. 지금 수행 중인 일보다 더 중요한 일(ex. 입출력, 우선 순위 연산 등)이 발생하면 그 일을 먼저 처리하고 나서 하던 일을 계속해야한다. 인터럽트의 종류 외부 인터럽트 전원 이상 인터럽트: 정전이나 전원이 이상이 있는 경우 기계 고장 인터럽트: CPU등의 기능적인 동작 오류가 발생한 경우 외부 신호 인터럽트(External interrupt) 타이머가 끝난 경우 키보드로 인터럽트 키를 누른 경우 : 대표적으로 Control + Alt + Delete 외부장치에서 인터럽트 요청이 있는 경우 입출력 인터럽트(I/O Interrupt): 입출력의 종료 등의 이유로 CPU의 수행을 요..

옛날부터 npm으로 뭔가 설치하거나 지울 때, vscode로 node-modules 안에 있는 파일 수정할 때, 간간히 나던 에러인데 정확한 원인은 모르고 sudo -s를 입력해서 간간히 임시적으로 해결했었다. 그러나 현재 firebase를 깔고 설치된 public/index.html 파일 내에서 작업해야 되는데 계속 permission 뭐시기때문에 fail했다는 얘기만 나와서 더 이상 진행이 불가능 했었다ㅠㅠ stack overflow와 다른 모든 블로그 정보 글을 봐도 해결 못하던 문제를 이곳에서 해결했다. 생명의 은인이다.=> https://nuggy875.tistory.com/123 해결 방법:/*$ echo $USER$ echo $HOME으로 유저이름과 홈 디렉토리를 정확히 알아내고, 아래 명령..

운영체제란? 운영체제(Operating System)는 컴퓨터 시스템의 자원들을 효율적으로 관리하며 컴퓨터 사용자와 컴퓨터 하드웨어 간의 인터페이스로서 동작하는 시스템입니다. 여러 응용프로그램이 유용한 작업을 할 수 있도록 환경을 제공해 줍니다. (종류로는 Windows, Linux, UNIX, MS-DOS 등이 있으며, 시스템의 역할 구분에 따라 각각 용이점이 있습니다.) 운영체제의 성능 척도 처리능력 : 운영체제는 시스템의 생산성을 나타내는 단위로, 일정 시간 동안 처리하는 일의 양을 의미합니다. 응답시간 : 작업 의뢰 후 시스템에서 결과가 얻어질 때까지의 시간 신뢰도 : 주어진 문제를 얼마나 정확하는가에 대한 정도 사용가능도 : 시스템을 얼마나 빠르게 사용할 수 있는가에 대한 정도 운영체제의 기능 ..

ARM Processor란? 임베디드 기기(music players, smartphones, wearables, tablets)에 사용되는 소형 컴퓨팅 시스템. - 메모리, 인터페이스, 라디오, 시스템 온 칩, 시스템 온 모듈 등이 포함된다. - 주로 32bit 프로세서 - RISC 아키텍처가 있는 프로세서이다. 이러한 특성은 스마트폰, 랩탑, 태블릿, 기타 임베디드 시스템과 같은 가볍고 휴대가능한 베터리 전원 장치에 바람직하지만 서버와 데스크탑에도 어느정도 유용하다. - 스마트폰에서 CPU역할을 하는 AP (Application Processor)가 널리 보급되며 인지도가 올라갔다. RISC : Reduced Instruction Set Computing (감소된 명령 집합 컴퓨팅)란? 1980년대, ..

과제 목표: HTML/CSS를 사용하여 원하는 페이지를 구현하기(JS는 꼭 필요한 부분에만 사용하고 그 이유를 명시하기) 결과물: 원본 사이트: https://line.me/ko/ LINE｜라인은 언제나 사용자와 함께 합니다. 메신저 앱 그 이상의 경험을 제공합니다. 라인은 새로운 인프라 경험, 새로운 커뮤니케이션 경험을 모두에게 전달하고자 합니다. line.me 클론 코딩 결과물: https://playful-eclair-e2793a.netlify.app/ LINE｜라인은 언제나 사용자와 함께 합니다. 메신저 앱 그 이상의 경험을 제공합니다. 라인은 새로운 인프라 경험, 새로운 커뮤니케이션 경험을 모두에게 전달하고자 합니다. line.me 과제에서 배운 부분: 지금껏 html/css/바닐라 자바스크립트..