본문 바로가기

분류 전체보기

(134)
Node.js(3) - Network, TCP Server/Client 구축 1) Node.js 1-1) Network 1-2) TCP Server, Client 구축 1) Node.js 1-1) Network Shell(사용자 혹은 user mode) 프로세스를 만들 때도 결국 이는 shell에서 시작한다! 파일을 실행한다거나 파일을 편집할 때 사용하는 명령어를 "shell script"라 한다! 프로세스 또한 여기 영역이라고 보면 된다! Kernel shell이 명령어를 내려주면 이를 실제로 동작시켜주는 역할을 하는 것이 Kernel이다! 하드웨어를 조작하는 역할을 하는 것이 "Kernel"이다! 실제로 하드디스크에 저장하는 내용들이 Kernel에서 처리된다고 보면 된다! OSI 7계층 계층 구조는 아래에서 위로 처리(Physical Layer부터 Application Lay..
Node.js(2) - 내장객체, 내장모듈, 외장모듈, 네트워크 1) Node.js 1-1) 내장객체 1-2) 내장모듈 1-3) 외장모듈 1-4) 네트워크 1) Node.js 1-1) 내장객체 내장객체를 배우는 이유 브라우저에서 자주 쓰는 것들을 내장객체로 만들어 두었다! 브라우저의 window(전역객체) 항상 브라우저가 자바스크립트를 실행할 때 window(전역객체) 객체를 넣어놓고 실행해준다! 그리고 window 객체 안에는 브라우저를 조작할 수 있는 다양한 메서드들을 제공해주고 있는데 이 중에 대표적인 것이 바로 DOM을 배울 때 확인한 document이다! "내장객체"는 자주 사용하는 것에 대한 내용을 미리 만들어 둔 것으로 볼 수 있는데 우리는 지금까지 이를 그저 가져다 쓰는 입장이었다. 내장객체를 이해하는 방법으로 공식 문서를 참고하는 것이 가장 좋다고 볼..
Project 마무리 - MBTI 설문 사이트 구현 1) 마무리 1-1) 개요 1-2) 결과물 1-3) 진행 중 이슈 및 해결 1-4) 후기 1) 마무리 1-1) 개요 2022년 11월 28일부터 12월 2일까지 5일간 진행한 MBTI 설문 사이트 구현 프로젝트! 처음에는 클론 코딩을 목적으로 구현해보려 한 프로젝트가 막상 진행하려고 보니 지금까지의 내 자신이 얼마나 HTML, CSS, Javascript에 숙달되었는지 확인하고 싶어졌다. 이에 함께 프로젝트를 진행한 팀원 분과 논의하여 대략적인 디자인과 글자 폰트 크기 등만 원본 사이트를 참고하고 나머지는 우리가 논의하여 구현해나가기로 결정했다. 이렇게 설렘과 긴장을 안고 첫날 To Do List를 작성하는데 처음에는 우리가 작성한 List대로 프로젝트의 모든 상황이 순조롭게 흘러갈 것만 같았다. 하지만..
Node.js - 프로그램, 프로세스, 스레드, 모듈 1) Node.js 1-1) 프로그램, 프로세스 1-2) Node.js 1-3) 스레드 1-4) 모듈 1) Node.js 1-1) 프로그램, 프로세스 프로그램 : 본인이 어떤 것을 동작시킬 코드 프로세스 : 프로그램을 돌리고 있는 것을 의미하며, 프로세스는 하나의 "PID"가 존재함! Node.js: Javascript를 실행해주는 프로그램 브라우저도 Javascript를 실행할 수 있지만 아래와 같은 차이로 인해 우리는 Node.js를 사용함!! (중요) Node.js와 브라우저의 차이 : 브라우저는 내 컴퓨터에 접근할 수 없지만 Node.js는 내 컴퓨터에 대해 컴퓨터 조작이 가능함!! 기본적으로 브라우저는 컴퓨터를 조작할 수 없다!! 따라서 앞으로는 Node.js를 통해 내 컴퓨터를 조작하는 방법을..
Project 5일차 - MBTI 설문 사이트 구현(2) 1) 5일차 1-1) css 1-2) js 1-3) to do & done 1) 5일차 1-1) css main.css * { margin: 0; padding: 0; } ul, li { list-style: none; } a { text-decoration: none; } body { padding-top: 90px; } #wrap { width: 100%; } /* header */ #header_wrap { position: fixed; text-align: center; background-color: #fff; width: 100%; top: 0; left: 0; right: 0; } #header { display: flex; justify-content: space-between; align..
Project 5일차 - MBTI 설문 사이트 구현 1) 5일차 1-1) html 1) 5일차 1-1) html main.html 성격 유형 검사 성격 유형 연락처 한국어 16Personalities 검사가 너무 정확해 "살짝 소름이 돋을 정도예요"라고 성격 유형 검사를 마친 한 참여자는 말했습니다. 쉽고 간단하면서도 정확한 성격 유형 검사를 통해 당신이 누구이며, 왜 그러한 특정 행동 성향을 보이는지 확인하십시오. 검사 실시 다음 ©2011-2022 NERIS Analytics Limited Contact Testimonials Terms & Conditions Privacy Policy For Teams Disclaimer : All non-English versions of the website contain automated translations..
Project 4일차 - MBTI 설문 사이트 구현(2) 1) 4일차 1-1) css 1-2) js 1-3) to do & done 1) 4일차 1-1) css main.css * { margin: 0; padding: 0; } ul, li { list-style: none; } a { text-decoration: none; } body { padding-top: 90px; } #wrap { width: 100%; } /* header */ #header_wrap { position: fixed; text-align: center; background-color: #fff; width: 100%; top: 0; left: 0; right: 0; } #header { display: flex; justify-content: space-between; align..
Project 4일차 - MBTI 설문 사이트 구현 1) 4일차 1-1) html 1) 4일차 1-1) html main.html 성격 유형 검사 성격 유형 연락처 한국어 16Personalities 검사가 너무 정확해 "살짝 소름이 돋을 정도예요"라고 성격 유형 검사를 마친 한 참여자는 말했습니다. 쉽고 간단하면서도 정확한 성격 유형 검사를 통해 당신이 누구이며, 왜 그러한 특정 행동 성향을 보이는지 확인하십시오. 검사 실시 다음 ©2011-2022 NERIS Analytics Limited Contact Testimonials Terms & Conditions Privacy Policy For Teams Disclaimer : All non-English versions of the website contain automated translations..