728x90 반응형 전체 글58 [Codestates FE] S2U2 객체지향 클래스 ES5 // 클래스의 정의 function Car(brand, name, color) { // 속성의 정의 this.brand = brand; this.name = name; this.color = color; } // 메소드의 정의 Car.prototype.refuel = function () { } // 인스턴스 생성 let avante = new Car('hyndai', 'avante', 'black'); // new라는 키워드를 통해 생성자 함수가 실행되고, 변수에 클래스의 설계를 가진 새로운 객체, 즉 인스턴스가 할당된다. 각각의 인스턴스는 클래스의 고유한 속성과 메서드를 갖게 된다. // 인스턴스에서의 사용 avante.color; avante.. 2023. 3. 15. [키즈존 어플 개발기] 3. Coding Convention, Git 활용 전략 생각보다 처음에 짰던 계획대로 진행이 되고 있고 일정관리도 나름 잘 되고 있어서 바로 퍼블리싱에 들어갈 수 있었다. 우리 둘 다 PM하면 나름대로 철저하게 잘 할 것 같다 나의 바람이지만...^^ 협업을 요하는 프로젝트에서는 코딩 컨벤션이 필수적으로 필요하다. 코드의 가독성을 증진시키고 여러 사람들이 유지보수할 수 있게 이해도 활용도를 높이기 위해서이다. 인턴으로 근무하기 전에 혼자 개발 공부를 할 때에는 코딩 컨벤션이라는 것 자체를 몰랐다. 그래서 컴포넌트 명을 대문자로 쓰는 것 외에 지켰던 규칙이 단 한개도 없었던 걸로 기억한다. 회사에서 우리 팀 컨벤션을 지키려고 노력을 하다 보니, 자연스럽게 내 개발 습관이 되었고 개인 프로젝트에서도 클린 코드를 유지하기 위해 같은 규칙을 적용시키고 있다. 그럼에.. 2022. 5. 13. [키즈존 어플 개발기] 2. Figma를 이용하여 프로토타입 제작하기, 기능명세서 작성하기, 회고 프론트엔드를 공부하고 있다 보니 Figma를 사용해서 디자이너가 넘겨준 파일을 기반으로 퍼블리싱할 기회는 있었지만 직접 Figma로 프로토타입을 제작한 적은 없었는데, 이번 기회에 Figma 사용법에 대해서도 공부해봤습니다. 이상한 강박증이 생겨서 퍼블리싱을 할 때 padding이나 margin값이 애매한 값으로 딱 떨어지지 않을 경우 짜증이 솟구치곤 했는데 이런 걸 고려해주지 않는다며 혼자 디자이너들을 원망했던 그 시간들... 반성합니다... 처음에 그리드 시스템에 대한 지식도 없었고, UI/UX에 대한 전문적인 지식이 많이 부족했기 때문에 하면서 우여곡절을 많이 겪었어요. 어떤 컬러를 사용해야 사용자 측면에서 가독성이 좋을지, 어떤 폰트가 UI/UX의 요구사항을 충족시켜줄지, 어떤 버튼의 배치가 가장.. 2022. 4. 25. [키즈존 어플 개발기] 1. 페이퍼 프로토타입 제작하기 친구랑 저 둘 다 아이패드 유저이기 때문에, 비대면으로 서로 소통가능하게 할 수 있는 방법이 무엇인가하는 고민을 하다가 굿노트 공유 기능을 통해 실시간으로 각자 페이지를 정해 페이퍼 프로토타입을 제작했습니다. 이 전에 회의를 하면서 기획적인 부분에서 대략적 구조는 잡아뒀기 때문에 확실히 수월했던 것 같네요 저희가 기획한 어플은 기능이 엄청 많은 편이 아니고 굉장히 컴팩트한 편임에도 불구하고 각 기능들의 하위페이지들이 끊임없이 필요하다는 사실에 정말 깜짝 놀랐습니다. 예를 들어서 마이페이지 -> 1:1 문의 -> 내가 작성한 1:1 문의 이런 식으로 간단한 문의 리스트 페이지를 들어가는 진입 과정에도 모두 기획 및 디자인이 필요하다는 걸 알 수 있었어요. 실제로 회사에서 근무할 때 이미 디자인이 되어서 외.. 2022. 4. 22. [키즈존 어플 개발기] 0. 프로젝트를 시작하며 작년 한 해 동안 프론트엔드 개발자로 회사를 다니다가 이번 학기에 복학을 했습니다. 회사 다니는 동안에도 여러 가지 사이드 프로젝트를 시도해봤지만, 한 번 쯤은 모르는 사람들이 아니라 마음 맞는 친구들을 모아 우리만의 아이디어로 협업 프로젝트를 경험해보고 싶다는 생각을 갖고 있었습니다. 그러던 중, 좋은 기회로 아이디어 뱅크 친구와 함께 프로젝트를 하게 되었습니다!!! 제가 할 줄 아는 건 퍼블리싱밖에 없는데 다재다능한 친구가 잘 이끌어주어서 보다 막힘없이 진행되고 있는 것 같습니다. 협업 프로젝트 경험은 몇 번 있어서 친구랑 둘이서 단촐하게 시작한 프로젝트라 기획, 디자인, 개발, QA, 배포까지 모두 둘이서 해결해야하는 프로젝트인 만큼 힘든 미래가 예상되지만 해보고 싶었던 것들 다 해보고 개발 프로세.. 2022. 4. 3. 알고리즘 - 최단 경로 알고리즘 (다익스트라 알고리즘, 벨만-포드 알고리즘, 플로이드-워셜 알고리즘) 알고리즘 - 최단 경로 알고리즘 (다익스트라 알고리즘, 벨만-포드 알고리즘, 플로이드-워셜 알고리즘) 1. 최단 경로 알고리즘 최단 경로 문제란 가중 그래프에서 간선의 가중치의 합이 최소가 되는 경로를 찾는 문제이다. 1) 최단 경로 문제의 종류 단일 출발 (single-source) 최단 경로 어떤 하나의 정점에서 출발하여 나머지 모든 정점 까지의 최단 경로를 찾는 문제 단일 도착 (single-destination) 최단 경로 모든 정점에서 출발하여 어떤 하나의 정점까지의 최단 경로를 찾는 문제로 그래프 내의 간선들을 뒤집으면 단일 출발 최단거리 문제로 바뀔 수 있다. 단일 쌍(single-pair) 최단 경로 모든 정점 쌍들 사이의 최단 경로를 찾는 문제 2) 주요 알고리즘 BFS (완전탐색 알고리.. 2021. 2. 3. 이전 1 2 3 4 5 6 7 ··· 10 다음 728x90 반응형
