반응형 분류 전체보기8 팀 프로젝트 (2) GitHub과의 사투 | 공유 여행 기록장 만들기 1편 - 기획 및 코딩 공부 (0-3일차) https://coolchris.tistory.com/17?category=1010143 팀 프로젝트 | 공유 여행 기록장 만들기 (1) 기획 및 코딩 공부 프로젝트 시작: 2021/9/22 수 (0일차) 0일차. 개인적으로 아이디어 구상 9/22 수 할 일 아이디어 구상 팀 이름 아이디어 생각하기 제가 구상한 아이디어는 익명을 위해서 작성자 이름 + 닉네임이 아닌 숫자 4자리 + 닉네임을 받으려고 하는데 어떨지??? 가능! (숫자 4자리+닉네임 고정일때) - (제안: 생년월일? 전화번호 끝자리?) 업무 분담 tip 프론트엔드 : 페이지별로 분담 / 페이지내에서 기능에 따라 분담 (ex. 헤더, 푸터, 바디) 백엔드 : API별로 분담 할 일 GitHub rep.. 2021. 10. 8. 팀 프로젝트 (1) 기획 및 코딩 공부 | 공유 여행 기록장 만들기 프로젝트 시작: 2021/9/22 수 (0일차) 0일차. 개인적으로 아이디어 구상 9/22 수 할 일 아이디어 구상 팀 이름 아이디어 생각하기 제가 구상한 아이디어는 였습니다. 중점적으로 생각한 것은 아래 두 가지 요소였습니다. 팀원들과의 공통된 관심사인 여행과 커피·술 같은 음료를 반영하고자 함 2020년부터 유행한 성격 유형 퀴즈와 같은 퀴즈가 좋겠다고 생각함 이 아이디어를 내게된 가장 큰 이유는 취미 전시관 만들기 프로젝트(아직 ing)를 하면서 페이지에 콘텐츠를 넣는 것이 큰 일이라는 것을 느꼈기 때문입니다. 취미 전시관에서는 제가 콘텐츠도 구성해야 했기 때문에 코딩 외에도 고민해야 하는 부분이 많았습니다. 그렇다면 팀 프로젝트로 여행 및 음료 관련해서 내용으로 쓸 수 있는 데이터를 API로 쉽게.. 2021. 10. 6. AWS EC2로 웹사이트 구축하기 (1) EC2 접속하기 AWS (Amazon Web Services) 홈페이지 : https://aws.amazon.com/ko/?nc2=h_lg EC2 접속하기 목차 AWS EC2 서버 사기 AWS EC2 접속하기 AWS에서 포트 열어주기 AWS EC2 서버 사기 1. AWS 사이트에 가서 콘솔로 로그인 해서 로그인/회원가입을 먼저 합니다. 2. 로그인을 완료하면 AWS 관리 콘솔이 뜹니다. ① 오른쪽 상단의 위치를 서울로 하고, 왼쪽 하단의 언어를 한국어로 설정합니다. 그 다음에 EC2를 선택해줍니다. ②의 경우는 가상 머신 시작 - EC2 사용이라고 되어있는데 이것을 선택하면 됩니다. 페이지 상단 중앙에 있는 검색창에 EC2를 검색해도 됩니다. 3. EC2를 선택해서 아래 페이지가 뜨면 오른쪽 상단의 인스턴스 시작을 선택.. 2021. 9. 28. 모바일 버전 만들기, JavaScript 시행착오 | 취미 전시관 만들기 (2일차) 스파르타코딩클럽의 신년운세 홈페이지 만들기를 활용하여 나만의 취미 전시회 홈페이지 만들기~! ~ 제가 고른 미션 ~ 원래 완성품 : ↓↓↓↓ New 완성품 : 아래 링크에서 제가 1일차로 작성한 개발일지를 볼 수 있습니다 : https://coolchris.tistory.com/13 취미 전시관 홈페이지 만들기 (1일차) hover 기능, 이미지 주소 설정 등 스파르타코딩클럽의 신년운세 홈페이지 만들기를 활용하여 나만의 취미 전시회 홈페이지 만들기~! 스파르타코딩클럽에서 9월 이벤트로 제공하는 강의를 듣고 그 강의를 바탕으로 코딩 미션을 coolchris.tistory.com 2일차 시작~☆ 목차 1. 모바일 버전으로 볼 수 있게 만들기 2. JavaScript 활용 시행착오들 시행착오 1 ) displ.. 2021. 9. 15. hover 기능, 이미지 주소 설정 등 | 취미 전시관 만들기 (1일차) 스파르타코딩클럽의 신년운세 홈페이지 만들기를 활용하여 나만의 취미 전시회 홈페이지 만들기~! 스파르타코딩클럽에서 9월 이벤트로 제공하는 강의를 듣고 그 강의를 바탕으로 코딩 미션을 수행하면 되는 것입니다. 관심있으신 분들을 위해 아래 링크! 스파르타코딩클럽 9월 이벤트 https://spartacodingclub.kr/hip 스파르타코딩클럽 [힙한 취미 코딩 이벤트] 입장만 해도 경품이? 코딩 무료로 배우고 맥북받자! spartacodingclub.kr ~ 제가 고른 미션 ~ 원래 완성품 : ↓↓↓↓ New 완성품 : 1일차 시작~☆ 1. 제목 by 누구 적고 꾸미기 HTML 취미 전시관 by 써머인디고 CSS class를 통해 CSS를 설정하는 방법인 .classname { } 외에 class를 설정한.. 2021. 9. 15. (2주차) JQuery 와 Ajax 알기 JavaScript와 관련된 부분들인 JQuery와 Ajax에 대해 배웠다. jQuery란? jQuery(제이쿼리)는 JavaScript 라이브러리로 JavaScript를 더욱 쉽고 빠르게 작성할 수 있도록 해줍니다. JavaScript는 프로그래밍 언어인 반면 jQuery는 JavaScript 코드의 모음인 것입니다. jQuery 외에도 여러 JavaScript 라이브러리들이 있지만 그 중에서 jQuery가 가장 유명하고 개발자들 사이에서 가장 많이 사용되며 좀 더 직관적이라 쓰기 쉽다고 합니다. jQuery 사용 방법 jQuery를 사용하기 위해서는 임포트 해야 하는데, 이 방법으로는 jQuery를 직접 다운 받는 것과 CDN 호스트를 사용하는 방법이 있습니다. 제가 사용한 방법은 CDN 호스트를 통.. 2021. 9. 5. 제2회 스파르톤 참가! 생존일지 ~일정~ 9:00pm 팀별 아이스 브레이킹 9:10pm 웰컴 인사 및 행사 안내 11:30pm 이벤트 퀴즈쇼 ‘도전 스파르타 골든벨’ 01:00am 인스타 피드 챌린지 1 (#스파르타코딩클럽 #스파르톤 #힙한취미 #코딩 @spartacodingclub) & 찐관 03:00am 전체 마라톤 04:00am 인스타 피드 챌린지 2 (#스파르타코딩클럽 #스파르톤 #힙한취미 #코딩 @spartacodingclub) & 찐관 05:30am 행사 마무리 준비 06:00am 행사 마감, 완주 축하하기 9:15pm 팀원들 사이에 어색한 공기가 맴돈다,,, 매니저님 덕분에 겨우 팀이름이라도 지었다. 팀이름은 "멈춰" ! 9:30pm 게더에 귀여운 기능들을 많이 알게 되었다. 게더는 그저 방문만 하고 출석만 했었는데 기능들.. 2021. 9. 4. (1주차) 코딩 시작 ! HTML, CSS, JavaScript 배우기 이번에 스파르타 코딩 클럽의 왕초보반을 내일배움카드로 들을 수 있게 되었다. 수업을 들을 때도 수기로 필기를 해두기도 했지만, 선생님의 추천에 따라 온라인상 개발일지도 매주 작성해보고자 한다. 이제부터 코딩 배우기 ~ 시작 ! 1주차 요약 : HTML은 뼈대, CSS는 꾸미기 기능을 하고 JavaScript는 이동 및 동작 관련을 설정한다. 1. HTML tag 를 사용해서 HTML을 만든다. 많이 사용하는 tag로 구역을 묶어주는 division 과 문단을 나누는 paragraph를 배웠다. 첫 실습을 할 때 나는 태그 사이에 입력을 값을 안 넣고 문단을 나누려고 했었었다. 나 ↓ ID: 선생님 ↓ ID: 지금은 1주밖에 안되었지만 지금은 태그 사이에 입력값을 잘 넣고 있다. 2. CSS tag에 cl.. 2021. 8. 29. 이전 1 다음 반응형