프로그래밍 언어

이슈Rocky Liunx 8.9 기준으로 작성된 책을 보며 메일 실습을 따라 하던 중 mailx 설치가 안 되는 이슈가 발생했다. 나는 현재 Rocky Liunx 8.10 버전을 사용 중이다. dnf install mailxmailx 설치 명령어를 사용하면 다음과 같은 오류가 나왔다. 책에서는 dnf install mailx로 설치하라고 나와있는데, 안되니까 심히 당황스러운 부분 https://docs.redhat.com/ko/documentation/red_hat_enterprise_linux/8/html-single/8.10_release_notes/index#in-place-upgrade-and-os-conversion 8.10 릴리스 노트 | Red Hat Product Documenta..

사건 발생eslint와 prettier를 처음 사용해 봐서 뭐가 뭔지 헷갈리는 와중에, 자꾸 빨간색 밑줄이 뜨면서 간질간질 살랑살랑 심기를 건드리는 듯한 느낌적인 느낌을 견딜 수 없었다.     원인eslint에서는 작은따옴표만 사용하도록 설정을 해놨는데, prettier가 큰따옴표로 자동 포매팅하기 때문에 발생하는 문제였다. 즉 eslint와 prettier의 충돌로 인해 발생했던 것!  eslint와 prettier의 충돌만 막아주면 바로 해결할 수 있다.     해결작은따옴표로 통일을 해보자~우선 eslint를 설정하기 위해 eslintrc.js 파일에서 singleQuote를 true로 설정한다.   그리고 Prettier를 설정한다. 1. VSCode 설정(cmd + ,)에 들어간다.2. Pre..

Module Pattern모듈 패턴은 더 큰 파일을 여러 개의 더 작고 재사용 가능한 조각으로 분할하는 좋은 방법이다. 또한 모듈 내의 값은 기본적으로 모듈 내에서 비공개로 유지되고, 수정할 수 없기 때문에 코드 캡슐화를 촉진한다. export 키워드를 사용하여 명시적으로 내보낸 값만 다른 파일에서 액세스 할 수 있다.     예시function validateInput(input){ if (typeof input !== 'number'){ throw new Error('Invalid input'); }}function sum(x,y){ return x + y;}function multiply(x,y){ return x * y;}function subtract(x,y){ return x -..

클래스 문법이란?조금 더 자바스럽게, 객체 지향적으로 표현하기 위해 ES6버전부터 추가된 새로운 문법이다. 다만 생김새만 클래스 구조이고, 엔진 내부적으로는 프로토타입 방식으로 작동된다. class Person{ constructor(name, email, birthday){ this.name = name; this.email = email; this.birthday = birthday; } introduce(){ return `Hello my name is ${this.name}` }}const lee = new Person('Lee', 'Lee@example.com', '2000-01-01');    constructor 인스턴스를 생성하고 클래스 필드를 초기화하기 위한 ..

시작let user = { name : 'Lee', age: 25}console.log(user.name); // Leeconsole.log(user.hasOwnProperty('email')); // falseuser라는 객체 변수에는 name과 age라는 속성만 있는데, hasOwnProperty라는 메서드를 사용해도 에러가 나오지 않는다. 이 메서드는 어디서 온 것일까?    모든 객체는 위와 같이 global Object prototype을 가진다. 이 prototype안에 hasOwnPropert 메서드가 존재하기에 에러가 나오지 않고 결괏값이 반환되었던 것이다.     Prototype이란? 프로토타입은 자바스크립트 객체가 다른 객체로부터 메서드와 속성을 상속받는 메커니즘을 말한다. 이를 프로..

비동기 요청이 여러 개 있는 상황에서, 하나의 요청이 다른 요청 결과에 의존할 때const response1 = request(‘https://example.com’)const response2 = request(‘https://example.com’, response1) 만약 위처럼 둘 다 비동기 요청을 보내는데, 두 번째 요청을 보낼 때 첫 번째 요청의 결과가 필요할 수 있다. 이런 경우 둘 다 병렬적으로 요청을 보내기 때문에, response1을 가지기 전에 두 번째 요청이 보내진다. 이런 부분을 해결하기 위해 콜백, Promise, Async/Await를 사용할 수 있다.     콜백함수콜백 함수는 특정 함수에 매개변수로 전달된 함수를 의미한다. 그리고 그 콜백함수는 함수를 전달받은 함수 안에서 ..