날짜: 2023년 2월 24일 태그: 프론트 엔드 개발을 진행하다 보면 중복되는 코드와 빈번히 재사용하는 코드를 볼 수 있다. 중복되는 코드를 분리해서 재사용하면 차후 유지보수에도 도움이 되고, 남이 볼 때 쉽게 코드를 파악할 수 있다. 상속과 합성은 객체지향 프로그래밍에서 널리 사용되는 코드 재사용 기법이다. 상속 상속이란? 상속(Inheritance)은 객체들 간의 관계를 구축하는 방법이다. 이 때 객체를 상속받는 객체 클래스는 자식, 상속된 객체는 부모 클래스이다. 클래스 상속을 통해 자식 클래스는 부모 클래스의 자원을 물려 받게 되며, 부모 클래스와 다른 부분만 추가하거나 재정의 함으로 써 기존 코드를 쉽게 확정 할 수 있다. class Animal { // #는 private 접근 제한자 #ag..

개발자로 성장하는데 밑거름이 되어 준 우테코 프리 코스! 여기서 무엇을 배웠고, 어떤점이 좋았는지 글을 작성해보려고 합니다. https://woowacourse.github.io 우아한테크코스 우아한테크코스에서 개발자들을 위해 디자인된 강의를 수강해보세요. woowacourse.github.io 일단 결과부터 말하자면 떨어졌습니다. 웹 프론트엔드 과정에 지원했고, 경쟁률이 1:10 정도 였는데 매우 아쉽습니다. 하지만 배운게 워낙 많았는데, 그걸 한번 정리 해보겠습니다. 1주차 과제 1주차는 온보딩 과제로 알고리즘 문제 7문제를 풀어야 했다. 이때 기본 적인 깃 컨벤션과 깃 사용법을 숙지하고 제출 했어야 했다. 글에서 요구하는 요구사항과 과제 제출 방법을 헷갈려서 기간지키지 못한 pr을 제출했었는데, 한..

정규표현식 정규표현식 만들기 const re = /ab+c/ 정규 표현식 리터럴은 스크립트를 불러 올 때, 컴파일 됨 ⇒ 바뀔 일이 없는 패턴의 경우 리터럴을 사용하면 성능이 향상될 수 있음. RegExp 객체의 생성자 호출. const re = new RegExp('ab+c') 생성자 함수를 사용 → 정규 표현식이 런타임에 컴파일 됨 바뀔 수 있는 패턴이나, 사용자 입력 등 외부 출처에서 가져오는 패턴의 경우 이렇게 사용하세요. 단순 패턴 vs 특수 문자 단순 패턴 /abc/ → 문자열에서 정확한 순서로 “abc” 라는 문자의 조합이 나타나는 부분과 일치함 ex) "Hi, do you know your abc's?” "The latest airplane designs evolved from slabcr..

생성일: 2023년 1월 16일 오후 5:32 태그: 알고리즘 ❔ 동적 계획법 (Dynamic Programming)이 뭔가요? 이 DP 아닙니다.. DP 동적 계획법은 캐시를 사용하는 최적화 기법이다! *Dynamic Programming은 단지 이름이 멋있어서 지은것이며, 실제의미랑은 관계가 없습니다.* 최적화 문제를 연구하는 수학이론에서 왔으며, 처음 주어진 문제를 더 작은 부분 문제들로 나눈 뒤 각 조각의 답을 계산 하고 저장한 뒤에 이 답들로 부터 원래 문제에 대한 답을 계산해 낼 수 있는 최적화 기법입니다. 쪼개진 문제가 두 번 이상 계산이 되는 문제를 부분 문제라고 합니다. 이 부분 문제는 두 개 이상의 문제를 푸는데 사용되기 때문에, 이 문제의 답을 여러번 계산하는 대신 한번만 계산하고 계..

생성일: 2023년 1월 14일 오후 6:11 태그: 웹 🏳️ 브라우저 렌더링 ❓ 브라우저 렌더링은 무엇일가요? 일단 나는 브라우저로 크롬을 사용하는 편이다. 크롬이 편리한 기능이 많고, 깔끔하고, 탭관리가 수월하고, 많은 웹사이트가 크롬을 지원하기 때문이다. 근데 브라우저는 뭘까? 웹 브라우저 (Web Browser) 혹은 브라우저는 웹에서 페이지를 검색하고 표시하며 사용자가 하이퍼링크를 통해 추가 페이지에 접근할 수 있도록 하는 프로그램입니다. ❓ 그렇다면 브라우저 렌더링은 무엇일까요? 사용자가 웹 브라우저를 통해 자원을 서버에 요청하고 브라우저에 서버로 부터 파일(HTML, CSS, JAVASCRITP)을 받아 표시 되는 과정 서버로 부터 받아오는 파일은 HTML 문서 이외 다른 형태의 파일 (PD..

생성일: 2023년 1월 11일 태그: 프론트 엔드 😊 의영님 업무 기록을 엑셀 파일로 뽑아 주면 좋을것 같아요… 한창 외주 개발 미팅 중에 늘 들었던 말이다. 이제 아웃 라인이 거의 다 완성이 됐으니 진짜 건들여야 할 때가 온것이다. JS 에서 엑셀을?? 말도 안되는 소리로 들리신다면 크나큰 착각입니다. 업무 내역이나, 판매량, 모든 통계 자료에서 쓰이는 엑셀은 개발프로그램과 당연히 뗄레야 뗄 수 없는 관계 인 것이다. 그럼 당연히 ! 엑셀용 라이브러리가 있겠지 라고 찾아보게 됐다… Sheet JS SheetJS Community Edition | SheetJS Community Edition 역시 구글 신은 답을 내려 주셨다! sheetjs라고 js 프로그램에서 엑셀 파일을 내보내거나 가져올 수 있게..