개발 여행자

1. 객체란? 자바스크립트는 객체 기반의 프로그래밍 언어이며, 자바스크립트를 구성하는 거의 모든 것이 객체이다. 원시 값을 제외한 나머지 값(함수, 배열, 정규표현식 등)은 모두 객체다. 원시 값: 변경 불가능한 값 객체 값: 변경 가능한 값 var person = { name : 'Lee', age : 20 }; // 프로퍼티 키 : 프로퍼티 값 객체는 0개 이상의 프로퍼티로 구성된 집합이며, 프로퍼티는 키key와 값value으로 구성된다. 자바스크립트에서 사용할 수 있는 모든 값은 프로퍼티 값이 될 수 있고, 함수도 일급객체이므로 값으로 취급이 가능하다. 프로퍼티 값이 함수일 경우 일반 함수와 구분하기 위해 메서드method라 부른다. 이처럼 객체는 프로퍼티와 메서드로 구성된 집합체이다. var co..

이번 파트를 공부하면서, 스타트업 인턴 당시 서버에서 값을 불러오는 과정에서 사용했던 문법들을 보게되어 괜히 반갑고 이유를 알 수 있어서 부족한 점을 하나씩 채워나가는 기분이었다. 1. 타입 변환이란? 자바스크립트의 모든 값은 타입이 있다. 값의 타입은 개발자의 의도에 따라 다른 타입으로 변환할 수 있다. 명시적 타입 변환(타입 캐스팅) : 개발자가 의도적으로 값의 타입을 변환하는 것 암묵적 타입 변환(타입 강제 변환) : 표현식을 평가하는 도중에 자바스크립트 엔진에 의해 암묵적으로 타입이 자동 변환되는 것 var x = 10; var str = x.toString(); // 명시적 타입변환 console.log(typeof str, str); // string 10 var str2 = x + ''; /..

모두의 시간 서비스 QA 과정을 거치면서 발견한 크로스 브라우징 문제를 해결했던 경험을 작성한다. 1. 문제발생 사이드 프로젝트로 개발하고 배포까지 진행했던 모두의 시간 서비스를 사용하다가 밤 23:00시경 큰 이슈를 발견했다. 서비스 내에 참여자들이 일정을 등록하는 기한을 설정하는 기능이 있는데, 날짜가 NaN 형식으로 보여지는 문제였다. 단순히 Date 객체에 형식을 잘 못 전달했다는 생각이 든 것도 잠시, 다른 팀원은 잘 보인다는 것이었다 🫢 브라우저 차이 문제인가 싶어서 확인하였지만 그것도 아니었고, 네트워크 문제도 아니었다. 그럼 기기 버전 문제라고 생각하여 버전을 비교 해보았는데 안보이는 팀원의 iOS 버전은 15.4.1였고 잘보이는 팀원들의 iOS 버전은 16 이상이었다. 2. 문제해결 문제..

기획부터 디자인, 프론트엔드, 백엔드 모든 과정을 혼자 고군분투하여 만든 'CCC 서비스' 개발 과정을 기록하고자 한다. CCC란 보기쉬운 유튜브 자동자막 서비스로, 유튜브 자동자막의 사용 경험을 높이고자 만든 서비스이다. 자세한 내용은 배포 이후 별도의 포스팅으로 소개하고자 한다. 이번 포스팅에서는 크롬 익스텐션 배포 방법을 간략하게 소개한다. 크롬 익스텐션 배포하기 1. 크롬 웹 스토어에 접속 후 설정 아이콘을 클릭하여 개발자 대시보드 클릭 2. Chrome 앱스토어 개발자로 등록하기 위한 수수료 $5를 결제 나는 해외결제 카드가 있어서 문제없이 진행했는데, 아마 Master 카드나 Visa 카드와 같이 해외결제 가능한 카드만 되는듯 하다. 3. 결제가 완료되면 개발자 대시보드 페이지에 접근이 가능 ..