TIL.
-
내일배움캠프 9일차 TIL.ClassTIL./내일배움캠프 2024. 4. 23. 23:18
Class란. 설계도와 같다. 다양한 종류의 객체(자동차, 동물, 물건 등)를 정확하고 빠르게 많이 만들어 내기 위해 객체의 특징이나 어떤 종류의 것인지 미리 선언해 놓는다. >Constructo(생성자) Class의 생성자 함수이다. 객체를 생성할 때 호출되며, 객체를 초기화하는 역할을 한다. Instance는. Class를 통하여 만들어진 실제 객체이다. 객체의 특징은 Class의 설계에 따라 만들어지며 이런 객체들은 모두 다른 인스턴스가 된다. getter와 setter. getter와 setter를 사용하여 Class의 속성에 접근할 수 있다. getter는 속성 값을 반환하며, setter는 속성 값을 설정한다. @ 클래스의 프로퍼티를 할당할 때 this를 사용한다. 여기서 this는 인스턴스를..
-
내일배움캠프 8일차 TIL.Map과 SetTIL./내일배움캠프 2024. 4. 22. 23:47
자바스크립트 기본 문법에 대해 학습하고 있다. Map Map은 각 쌍의 키와 값을 저장하며, 객체와 달리 키로 사용할 수 있는 모든 유형을 사용할 수 있다. Map은 키가 정렬된 순서로 저장되기 때문에, 추가한 순서대로 반복할 필요가 없다. Map을 사용하면 다음과 같은 작업을 수행할 수 있다. 키-값 쌍 추가 및 검색(set) 키-값 쌍 삭제(delete) 모든 키-값 쌍 제거(clear) Map 크기 및 존재 여부 확인(size) const myMap = new Map(); // Map 생성 myMap.set('key', 'value'); // 값 추가 console.log(myMap.get("key")); // 값을 검색 > "value" 출력 맵(Map)은 키가 있는 데이터를 저장한다는 점에서 객..
-
내일배움캠프 5일차. KPT 회고TIL./내일배움캠프 2024. 4. 19. 17:19
Keep + problem 작성 5분 Keep은 현재 만족하고 있는 부분(Good), 계속해서 이어갔으면 하는 부분(Keep)을 자유롭게 작성한다. Problem은 불편(or 불만)하게 느끼는 부분, 개선이 필요하다고 생각되는 부분, 잠재적인 문제를 작성한다. 진행자 본인도 해당 시간 동안 똑같이 작성한다. (타임 타이머는 누구라도 고개를 들면 확인할 수 있도록 하는게 중요하다) Keep 김노을 공부 기간이 짧았음에도 다들 빠른 성장을 한 것 같다.원활한 소통, 배려 맡은 역할에 대한 책임감. 새로운 컨텐츠의 수용 본인의 기술에 대한 연구 감정적이지 않은 피드백 개인간 꾸준한 구글링 황민도처음 하는 만큼 코딩을 어려워하는 부분에 대해 서로 이해와 배려를 잘함 서로의 의견과 질문을 소홀이 생각하지 않고 같..
-
내일배움캠프 4일차 TIL.발표 준비TIL./내일배움캠프 2024. 4. 18. 23:54
내일배움캠프 4일차 TIL.발표 준비 프로젝트가 완성에 가까워졌다. 직접적으로 코드를 짠 건 HTML과 CSS의 비중이 크지만, 팀장이라는 역할을 맡아서 그 역할을 충실히 해낼 수 있도록 집중했다. 오전에는 마무리로 개인 사진을 준비했다. 맥에서 제공하는 미모티콘을 만들어 개인 카드 부분을 채웠다. 팀원 한 명이 미모티콘 제작을 맡았는데, 특징을 잘 잡아서 만들어준 것 같아 조금 감동적이었다. 노션의 활용 이후로는 발표를 위해 자료를 준비했다. 우리가 처음 제작한 와이어프레임부터 SA, 개발 계획서와 역할 분담표를 팀 노션을 개설하여 기입했다. 노션의 유용함을 공동 작업을 하며 느꼈다. 공유 스페이스를 통한 작업을 시작했다. 카테고리별 하위 페이지를 만들어 SA와 계획란, 기능 설명, 우리가 마주한 문제..
-
내일배움캠프 3일차 TIL.다듬고 다듬기TIL./내일배움캠프 2024. 4. 17. 23:28
내일배움캠프 3일차 TIL.다듬고 다듬기 주요 기능들은 거의 구현되었다. 방명록의 CRUD와 개인카드를 추가한 내용들. 오늘 나는 HTML과 CSS를 다듬었다. 팀원들은 각자 세부 기능 개발에 몰두했다. 페이지 테마 결정 박스로 감싸기 기능 배치하기 코드 설명회 구글링 하며 어울릴만한 색감을 찾아다녔다. 어떤 페이지를 찾아 네 가지 색을 따왔고 적용하여 레이아웃을 구성했다. 팀원들과 구글폰트를 뒤져서 적용시켰다. 구현된 기능들을 알맞게 배치했다. 함께 CRUD에서 본인이 맡은 코드들을 설명했다.
-
내일배움캠프 2일차 TIL.협업하여 개발하기TIL./내일배움캠프 2024. 4. 16. 21:35
내일배움캠프 2일차 TIL.협업하여 개발하기 CRUD 구현 파이어베이스 사용하기 협업 우리는 기본적인 웹사이트를 만들어야한다. CRUD의 기능이 동작하고, 그 데이터를 저장할 수 있는 사이트. 팀 프로젝트이므로 협업을 통하여 그 페이지를 완성한다. 아침부터 각자 맡을 기능을 분담하고 개발을 시작했다. 나는 헤드 부분과 개인 카드가 들어갈 메인 박스를 설계, 데이터의 생성을 맡았다. 그리고 데이터가 저장될 파이어베이스의 권한을 공유하여 내 파이어베이스에 페이지의 데이터가 저장되었다. 오늘도 여러가지 오류가 발생했다. 첫 번째로 박스를 설계하는 과정에서 CSS 지식이 부족했다. 원하는 곳에 카드를 배치하고 싶었는데 CSS 선택자를 깔끔하게 사용하지 못했고 조상, 부모, 자식 선택자의 관계에 대해서도 헷깔려 ..
-
내일배움캠프 1일차 TIL.팀 프로젝트의 시작TIL./내일배움캠프 2024. 4. 15. 22:53
내일배움캠프 1일차 TIL.팀 프로젝트의 시작 사전캠프가 끝나고 내일배움캠프가 시작되었다. 홀로 공부하며 지쳐가고 있었는데 드디어 시작하는구나. 9시부터 9시까지의 일정은 두렵기도 하지만, 어떤 경험을 하게 될까 한 편으로는 기대가 된다. 깃 + 허브 = 깃허브 팀원들과 소통하기. 함께 뼈대(와이어 프레임) 만들기. 캠프가 시작된 첫 날. 깃허브에 대해서 배웠다. Git : 코드 변경점 기록 (버전 관리 도구) Github : 온라인 백업, 공유, 협업 (온라인 코드 저장소) 여러 명령어들도 함께 공부했는데 그 중 add/commit. push와 pull은 처음 시작한 프로젝트에서도 많이 사용하게 되었다. 여러 오류들도 접하게 되었는데 병합에 관한 것이였다. 여러 명이서 작업을 하다보니 충돌로 인한 오류..