꿈많은 DEVELOPER

🤷‍♂️ 에러 코드 MAC에서 볼수있는 이미 실행중인 포트 에러 서버를 실행시 이미 사용중인 포트라는 오류를 볼수있다. Error: listen EADDRINUSE: address already in use :::3000 🤷‍♂️ 해결 방법 1. 3000번 포트를 사용하고 있는 프로세스 확인 명령어 sudo lsof -i :포트번호 ex:3000, 3003, 8000 위에 명령어를 터미널에서 입력하면 아래의 리스트를 볼수 있다. 내가 친 명령어 sudo lsof -i (모든 프로세스를 확인하기 위해서) PID가 현재 사용중인 프로세스의 고유번호 2. 실행중인 프로세스 강제 종료 시키기 sudo kill -9 PID번호 프로세스 리스트를 확인후 고유번호 PID를 입력해서 강제 종료 종료 후 다시 서버를 띄..

x 윈도우에 대해서 정리해봤습니다! X 윈도우 X 윈도우 시스템은 MIT에서 처음 개발, 지금은 X.org 재단이 X윈도 개발을 주도 XFree86 - X.org Server - Wayland X 윈도우는 네트워크 기반 $/HOME/.Xauthority : X윈도 실행 시 생성된 키 값이 저장됨 xauth : X 서버에 접근 할 수 있는 클라이언트를 서버에 생성된 키 기반으로 제어할때 사용 ./etc/inittab : 리눅스 부팅 시 x 윈도를 실행하기 위해 부팅 모드를 설정 할 수 있는 파일 Xauth, Xauthority 응용 프로그램의 종류 dolphin : 파일 관리자 KDE nautilus : 우분투 윈도우 화면에서 파일관리자 에서 마우스 오른쪽 누르고 open in terminal 누르면 바로..

unicast : 전송이랑 고유 주소로 식별된 하나의 네트워크 목적지에 1 : 1(one to one) 트래픽 또는 메시지를 전송하는 방식 DNS 서버가 호스트 이름을 IP ADDRESS로 변환하는 역할로 수행하는것 : 정뱡향 조회 DNS : 이름과 IP주소를 변화시키는 프로토콜, TCP & UDP 사용 도메인 내에 어떤 컴퓨터에서 접속하든지 자신이 사용하던 폴더가 그대로 보이도록 하는 정책구성 폴더 리다이렉션 메인보드에 설치 가능한 하드웨어 모듈로, 암호화 보안장치 : TPM 여러사이트에 동기 복제를 제공하며, 장애가 발생하기 전에 백업 데이터로 연결을 넘길수 있는것 : 저장소 복제 500(Internal server error) : 내부서버 오류(잘못된 스크립트 실행시) 501(Not implemen..

RPM 패키지 RPM Radhat Package Manager 프로그램을 설치하기 위해서 사용되는 명령어 확장자가 rpm인 파일을 설치할 수 있음 리눅스의 종류별로 패키지 관리 프로그램이 다름 rpm 옵션 (시험에 필요한것들만 정리) -i : 패키지 설치 -v : 설치 과정 확인 -h : 설치 진행 과정을 # 마크로 화면에 출려 -U : 패키지 업그레이드 -e : 패키지 삭제 -qa : 설치된 모든 패키지 확인 -v : 패키지 검사 rpm -qa : 설치된 모든 패키지 확인 패키지 검증 rpm -v 패키지 검사 명령 다음을 확인함 패키지의 임의 변경 여부 파일 크기 심볼릭 링크 장치 파일 변경 등 rpm 추가 옵션 -test : 패키지 설치 시 가능한 문제점 점검 -force : 설치를 강제적으로 진행 ..

파일 시스템(File System) 리눅스 파일 시스템 리눅스 파일 시스템은 ext(extend) 2, ext 3, ext 4가 있으며, 현대 대부분의 리눅스는 ext4를 지원함. ext 4 파일 시스템 대용량의 파일을 저장, 관리할 수 있음. 큰 extend 단위로 파일 시스템을 할당하거나 삭제 가능 파일 시스템에 오류가 없는지 확인하는 fsck를 지원함 fsck기능 파일 시스템의 무결성을 검사하는 명령어 fsck는 기본적으로 자동으로 실행되고, 상황에따라서 직접 실행할 수도 있음. ext2 파일 시스템 단일 파일의 크기 : 최대 2GB 파일명 : 최대 256 B 최대 파일 시스템 크기 : 4 TB 디렉터리 당 저장 가능한 최대 파일 수 : 25,000개 ext3 파일 시스템 단일 파일의 크기 : 최대..

1. 아날로그 신호와 디지털 신호 정보신호에는 아날로그 신호와 디지털 신호가 있다 아날로그 신호는 연속적으로 변화하는 전자기파로서 간단하게 생각하면 사람의 음성 신호 음성은 소리에 높낮이가 있어서 유연한 곡선형 형태로 나타나며 이러한 아날로그 신호는 거리가 멀어지면 점점 감쇄하는 현상 발생 디지털 신호의 예로는 컴퓨터. 컴퓨터는 데이터를 표현할 때 0 혹은 1로만 표현 아날로그 신호에 비해서 잡음이 적고 오류율이 적은 장점 2 ) 신호 변환 방식 아날로그 아날로그 전송 : 증폭기를 이용하여 신호의 세기를 증폭(잡음까지 증폭됨, 왜곡 심함) / (신호 변환기 : 전화기) 디지털 전송 : 코덱 을 사용, 디지털 전송을 하기에 원음만을 재생, 왜곡현상 방지 : 패턴 재생을 통해 신호 재전송 역할 / (신호 변..

join() 메소드는 배열의 모든 요소를 연결해 하나의 문자열로 만듭니다! 바로 예제로 확인해봐요! arr = [] 배열을 만들어주고 arr.join() 메서드로 배열에 index 합쳐춥니다! 추가적으로 배열.push() 맨뒤에 배열 추가입니다 배열.unshift() 앞에 맨앞에 배열추가합니다 join() 메소드를 알아봤습니다!

Haker News Api를 Ajax 비동기 통신을 이용해서 어플리케이션을 개발해 보겠습니다. part2를 작업하면서 substr() 메소드 replace() 메소드를 활용해 보았습니다. part2 소스코드는 제 git올려져 있습니다! https://github.com/yoogukhyeon/FrontendProject1/tree/code2 GitHub - yoogukhyeon/FrontendProject1: FrontendProject1 개발의 기본 FrontendProject1 개발의 기본. Contribute to yoogukhyeon/FrontendProject1 development by creating an account on GitHub. github.com part2 작업은 hash값으로 a..

NODE 객체는 DOM(Document Object Model) 에서 가장 최상위에 있는 객체입니다. Node 객체는 모든 하위객체에 뿌리와 같은 존재입니다 Node객체에는 다양한 종류 들이 있는데 오늘은 Node를 추가 , 제거 , 변경하는 방법을 알아보겠습니다. 프론트 작업중 유용하게 활용할수 있는 기술 입니다 저또한 작업중 활용한 NODE API를 활용해서 작업을 했던 기억이 있습니다 먼저 Node 객체를 추가해보겠습니다. = createElement() 엘리먼트 노드를 추가하고 = createTextNode() 로 Text추가하고 appendChild & insertBefore 를 활용해서 생성하고 추가할수있습니다 = 추가를할때는 대표적으로 appendChild 활용해서 마지막자식으로 추가하는것이..

태그에 속성을 다룰수 있는 Element 속성에 대해서 알아봐요! Element 속성 값을 제어 하는 기능들은 다음과 같습니다! - getAttribute(' 속성 ') - setAttribute (' 속성 ' , ' value ') - hasAttribute (' 속성 ') - removeAttribute(' 속성 ') 이렇게 4가지 있습니다! 한번 코딩으로 더 알아가봐요ㅎㅎ vs 코드를 켜고 아 참고로 t.id , t.getAttribute 같은 의미 입니다 방식이 다를뿐ㅎㅎ a에 href 속성 값을 바꾸고 싶다면 setAttribute로 속성 , 값으로 주시면 속성값은 바뀝니다! a에 title 추가 하고싶을때도 똑같은 방식입니다. 지우고 싶다면 removeAttribute 속성으로 지울수 있고 h..

JavaScript & TypeScript Study 시작 최근에 IT기술이 빠르게 변하고 새로운 기술들도 많이 나오는거 같습니다. 그래서 기술에 변화의 3가지 유형에 대해서 공부를 해봤습니다 1. 변하지않는 기술 : 네트워크 , 운영체제 , 컴퓨터 시스템 2. 느리게 변하는 기술 : 프로그래밍 언어, 알고리즘, 보안, 프로그래밍 패러다임 3. 빠르게 변하는 기술 : 프레임워크, 라이브러리, 디자인패턴, UI UX 1번 기술과 2번기술은 3번기술에 비해 더많은 지식과 스터디 양이 필요하고 노력이 필요합니다. 3번기술에 노력과 지식이 필요없다는 말은 아니에^^ 3번기술은 우리가 많이 사용하는 프레임워크, 라이브러리이며 트렌드를 많이 타고 빠르게 변하는 기술이며 공부를 할때도 가장 접근해서 기술을 습득하기 ..

값이 여러개 있는 배열에서 모든 값을 꺼내는 방식은 다양하게 알려져 있습니다 대표적으로 for문,,,하지만 오늘은 map() 함수를 다뤄보도록 하겠습니다  vs코드를 여시고 let getStartedarr 배열에 값을 꺼내고 싶을때 for문이 가장먼저 생각이 나는데 한번 만들어보겠습니다.   이거는 가장많이 쓰니는 for문 이였습니다 map() 함수를 써볼께요  map() 함수란?즉 map() 함수를 활용해서 인덱스 인자와 for문에 방식을 같이 활용해서 쓸수 있는 함수입니다. 바로 예제로 let's get started  그럼 결과값은?마지막으로 map() 함수를 활용해서 여러개 배열문에 값들을 뽑아 볼께요  오늘은 map() 함수를 공부해보았습니다감사합니다!

filter 함수는 간다한게 요약하자면 조건에 맞는 요소들을 모아서 새로운 배열을 생성한다 라고 이해하시면 됩니다! 그럼 바로 예제로 들어가볼께요 vs를 켜고 그리고 나서 aaa배열에 12 이상에 숫자들을 출력해보자ㅎㅎ 번외로 요런 형태로도 출력이 가능해요!!!^^ 감사합니다!!ㅎ