IT's Time

문제 유형 : 동적계획법 (Dynamic Programming) https://school.programmers.co.kr/learn/courses/30/lessons/43105 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 1. 동적계획법 동적 계획법이란 DP라고 하며, 기본적인 아이디어로 하나의 큰 문제를 여러 개의 작은 문제로 나누어서 그 결괏값을 저장해 다시 큰 문제를 해결할 때 사용되는 것으로 , 특정 범위까지의 값을 구하기 위해서 그것과 다른 범위까지의 값을 이용해 효율적으로 값을 구하는 알고리즘 설계 기법이다. 앞에서 구했던 답을 다시 활용하..

props : properties를 줄인 표현으로 컴포부모 컴포넌트에서 설정할 수 있으며, 부모에서 자식으로만 데이터를 줄 수 있다. 그 반대는 안된다. 자식에서 부모로 전달 방법 : 함수를 이용한다. 부모가 함수를 넣어 props로 자식에게 넘겨주면, 자식이 데이터를 파라미터로 넣어 호출하는 방식이다. 방법 1. App.js /// App.js /// import logo from './logo.svg'; import './App.css'; import Fruits from './component/Fruits'; // 자식 컴포넌트 function App() { return ( 과일 : 갯수 // 자식 컴포넌트에 apple과 10이라는 데이터 전달 ); } export default App; 2. Fr..

https://fastcampus.co.kr/b2g_MegabyteSchool_frontend 패스트캠퍼스 X 야놀자 : 프론트엔드 개발 부트캠프 | 패스트캠퍼스 프론트엔드 개발자로 취업까지 함께 가는 패스트캠퍼스 X 야놀자 부트캠프를 만나보세요! fastcampus.co.kr 패스트캠퍼스X야놀자 프론트엔드 부트캠프 두 번째 과제로 JS를 활용해 직원 관리 서비스를 구현하는 과제를 받았다. 2023.08.08 ~ 2023.08.18 약 10일간 진행 됐고 나는 맨유 선수단에 선수를 추가하고 수정, 삭제 하는 기능을 구현 했다. 1. 과제 내용 1) 과제 설명 : 주어진 기간 동안 필수 요구사항 및 선택 요구사항을 고려해서 직원 관리 서비스를 구현하는 내용이다. 2) 과제 요구 사항 (구현 한 것들) ☆필..

문제 유형 : ? 문제 : https://school.programmers.co.kr/learn/courses/30/lessons/49993 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 1. 문제 풀이 : skill 을 리스트로 만들어주어서 그 값 하나하나를 반복문으로 비교 하는 방식을 거쳤다. 2. 풀이 방식 1) skill을 list화 해주었다. 그 후 skill_trees 안에 들어가 있는 스킬 트리를 반복문을 돌려주어 하나씩 비교했다. 2) 그 후 skill_trees 안을 도는 i에서 또 하나의 반복문을 돌아 하나씩 살펴보았다. ex) i = ..

문제 알고리즘 유형 : Greedy 문제 : https://school.programmers.co.kr/learn/courses/30/lessons/42883 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 1. 문제 풀이 : Stack 사용 : Greedy 알고리즘이란 미래의 일을 생각하지 않고 현재 가장 최선의 방식을 찾는 탐욕 알고리즘이라고도 불린다. 이 알고리즘에 대해 알아보다보니 Stack 을 사용해 반복문을 통해 현재 값 넣어주고 다음 값 혹은 이전 값과 비교해서 없애주는 형식으로 처리하면 될 것 같았다. 물론 이를 코드로 적용하기엔 많은 오류와..

문제 알고리즘 유형 : 정렬 https://school.programmers.co.kr/learn/courses/30/lessons/42746 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 1. 문제 해결 방법 1) 첫 번째 풀이 방법 : 순열 사용 첫 번째 방식으로는 순열 방법을 사용 했다. 먼저 numbers를 문자로 바꿔주고 이를 순열 처리 하면 ('6' , '10' , '2' ) , ('6' , '2', '10') 이런 식으로 나온다. 그래서 join으로 합쳐준 뒤 숫자로 바꿔줘서 최댓값을 찾고 문제에서 요구한대로 문자로 다시 바꿔줘서 answer..

https://fastcampus.co.kr/b2g_MegabyteSchool_frontend 패스트캠퍼스 X 야놀자 : 프론트엔드 개발 부트캠프 | 패스트캠퍼스 프론트엔드 개발자로 취업까지 함께 가는 패스트캠퍼스 X 야놀자 부트캠프를 만나보세요! fastcampus.co.kr 패스트캠퍼스 X 야놀자 프론트엔드 첫 번째 과제로 HTML과 CSS를 활용한 클론코딩을 수행했다. 23.07.24~23.07.28 까지 JS를 제외한 HTML과 CSS 위주로 내가 고른 웹 사이트를 똑같이 구현해보는 시간을 가졌다 1. 과제 내용 1) 과제 설명 : 주어진 기간 동안 원하는 사이트를 골라 똑같이 사이트를 구현하는 클론코딩 과제였는데 내가 구현하고자 했던 사이트는 인터파크 사이트이다. flex와 grid를 활용할 수..

문제 : https://school.programmers.co.kr/learn/courses/30/lessons/43165 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 해결 방법 : 사실 DFS와 BFS 개념인 걸 알고 들어가서 그런 지 몰라도 조금 더 수월했다 그냥 봤으면 DFS/BFS 생각을 했을 진 의문이다... 더 익숙해질 필요가 있겠단 생각이 들었다. 그럼에도 DFS와 BFS 중 어떤 방식으로 접근해야 할 지는 아직 잘 모르겠다. 자료구조 시간 때 했던 DFS 방식으로 미로찾기를 구현했던 경험을 토대로 DFS로 해결하고자 했다. 아이디어 1) ..

1. 비동기와 콜백 1) 콜백(Callback Function) : 함수의 매개변수를 통해 다른 함수의 내부로 전달되는 함수, 함수 안에서 실행되는 함수를 말합니다. 2) 고차 함수(Higher-Order Function) : 매개변수를 통해 함수의 외부에서 콜백 함수를 전달 받은 함수 function repeat(n,f) { // 외부에서 전달 받은 f를 n만큼 반복 호출 한다. for (var i = 0; i< n; i++) { f(i); // i를 전달하면서 f를 호출 } } function callMyName(name, callback){ alert(`${name}이 불려집니다.`); callback(name); } function sayHello(name) { alert(`안녕하세요 저는 ${n..

이번에 CS 스터디를 진행하면서 맡은 부분과 평소 궁금했던 부분들을 적어보고자 합니다. JS part에서 중요하다 생각되는 데이터 타입을 1부에서 그리고 평소 헷갈려하던 Promise와 Callback 함수에 대해 2부에서 좀 더 깊게 공부하는 시간을 가졌습니다. 참고 자료는 JavaScript Mdn 공식 문서와 모던 자바스크립트 Deep dive를 참고 했습니다. 1. 데이터 타입 데이터 타입이란 값의 종류를 뜻하며 줄여서 타입이라고도 합니다. JavaScript는 느슨한 타입의 동적(dynamic) 언어입니다. 즉 모든 타입의 값으로 할당이 가능하다는 특징이 있습니다. 또 한편으로 자바스크립트의 모든 값은 데이터 타입을 갖는다라는 점이 특징입니다. 2. 데이터 타입의 종류 자바스크립트는 총 7개의 ..