전체 글

알고리즘 스터디 첫 주차 주제로 DP가 선정되었다.악명 높은 DP,, 이번 기회에 부셔버릴테다,, 😠📌 동적계획법(DP - Dynamic Programming)이란?전체 문제를 해결하기 위해서 큰 문제를 작은 문제로 쪼개고, 작은 문제들의 답을 가지고 큰 문제를 해결하는 방식이다.공간 복잡도를 늘리고 시간 복잡도를 줄이는 방법이라고 한다.=> 시간은 줄이고 메모리 사용은 늘어나는 특징을 가진다. 🤔 왜 DP를 사용할까?피보나치 수열을 예시로 살펴보자.피보나치 수열을 구하는 방법은 간단하다.F(n) = F(n-1) + F(n-2)의 공식대로 계산하면 된다. 이를 재귀방식으로 구현한다면 한다고 해보자.F(10)을 구하기 위해서는,1. F(10)을 호출 => 1번2. F(10)이 F(9), F(8)을 호..

📌 지원동기이것저것 찾아보던 와중에 [한국경제신문 with toss bank] Tech 우수인재 양성을 위한 (풀스택 / MLOps) 과정 모집 공고를 보게 되었다.개발자 포화 상태인 지금,, 프론트엔드에 대한 지식만으로는 취업하는데 어려움이 있을 것 같았다.풀스택 개발자가 되자! 라는 마음보다는 백엔드도 경험해보면 나중에 협업하는데 많은 도움이 될 것 같아서 지원하게 되었다.https://linkareer.com/activity/208182 [K-DIGITAL TRAINING] 한국경제신문 with TOSS BANK 2기 Tech 우수인재 양성을 위한 MLOps / 풀스택 과정 교육대한민국 모든 공모전 정보를 링커리어에서 실시간으로 확인하세요linkareer.com풀스택 과정 중, '협업 프로젝트'..

비슷하게 생겨서 헷갈릴 수 있는, 그리고 약간은 생소한 문법을 짚고 넘어가보자!📌 ?. 문법(Optional Chaining)옵셔널 체이닝이란 undefined 또는 null 값이 들어갔을 때, 오류를 방지하기 위한 방법이다.오류를 띄우지 않고, undefined를 반환해준다. ⭐️ 사용하는 이유JS를 사용하다보면 객체를 다루는 일이 많고, API를 이용해서 통신하다 보면 데이터의 구조가 복잡해진다.const order = { orderId: "ORD123456", customer: { customerId: "CUST7890", name: "김철수", contact: { email: "chulsoo@example.com", phone: "010-1234-5678"..

📌 JSON(JavaScript Object Notation)웹 개발 시, 서버와 데이터를 교환할 때 사용하는 데이터 형식은 보통 JSON 형식으로 이루어져 있다.데이터를 외부에서 사용할 수 있게 변환하는 것을 직렬화라고 한다.JSON은 key:value 형식으로 이루어져있다.{ "name": "heedonguri", "age": 24, "friends": { "name": "friend1", "age": 25, }, "hobbies": ["코딩","쇼핑"],}데이터 교환을 위해 만들어졌기 때문에 언어에 종속되지 않는다는 장점이 있다. 🤔 어디서 많이 본 데이터 형식인데..?JS의 Object(객체)와 많이 닮았다.📌 JSON과 JS ObjectJSON은 객..

📌 let, var, constvar를 개선하기 위해 ES6에 등장한 것이 let과 const이다.var: 재선언 O, 재할당 Olet: 재선언 X, 재할당 Oconst: 재선언X, 재할당 Ovar a = 1;var a = 2; // 재선언a = 3; // 재할당let b = 1;let b = 2; // SyntaxError: Identifier 'b' has already been declaredb = 3;const c = 1;const c = 2; // SyntaxError: Identifier 'c' has already been declaredc = 3; // TypeError: Assignment to constant variable. ‼️ var이 가지는 문제점var myName = "h..

📌 가상요소 선택자(Pseudo Selectors)란?html에서 코드를 만들지 않고, css에서 스타일로만 요소를 추가하거나 제어할 때 사용하는 선택자이다.즉, html 문서에는 실제로 존재하지 않지만 실제 동작화면에는 존재하게 되는 것이다. 가상요소는 콜론(:)을 2개 연달아 표기해서 가상요소임을 나타낸다.콜론을 하나만 써도 적용이 되긴하지만, 가상요소임을 명확하게 구분하기 위해 콜론 2개를 붙이는 것을 권장한다.선택자::가상요소 { 속성: 속성 값;}위와 같은 형태로 작성한다.📌 왜 사용하는건데?실제 HTML을 조작하지 않기 때문에 HTML 구조에 영향을 미치지 않고 컨텐츠를 삽입할 수 있다.또한 의미는 없지만 어떤 장식을 추가하고 싶을 때, 굳이 div 태그를 추가하지 않고 만들 수 있다.어떤..