ALL

[15일 메이킹 프로젝트] #6일차 개발일지

목차 1. 시작의 한마디 2. 오늘의 목표 3. 회의 내용 4. 업무 이슈/고민 & 해결 5. Next up 1. 시작의 한마디 벌써 6일차. 2. 오늘의 목표 1. 지역구분 페이지 배경 2. 지역 세부 페이지 레이아웃 작성 3. 나와 맞는 고양이 < 추가 4. 튜터링 3. 회의 / 작업 내용 1. 지역구분 페이지 배경 - 그라디언트 컬러를 민트색으로 설정. - 스크롤바 없앰. - 추후 hover 효과를 주어서 나타날 수 있게 하는 것도 좋을 듯. 2. 지역 세부 페이지 레이아웃 작성 - 좌측 세로 메뉴바 생성. - api 데이터가 붙을 수 있는 list html 작성 3. 나와 맞는 고양이 < 추가 - mbti 테스트처럼, 고양이 테스트 페이지를 추가. - 결과가 나오면 본 페이지로 진입할 수 있도록 ..

[15일 메이킹 프로젝트] #5일차 개발일지

목차 1. 시작의 한마디 2. 오늘의 목표 3. 회의 내용 4. 업무 이슈/고민 & 해결 5. Next up 1. 시작의 한마디 건강한 신체에 건강한 정신이 깃든다... 잠을 잘 자야 더 효율적으로 일할 수 있다(?) 2. 오늘의 목표 1. Nav-bar 별도로 분리 및 대문페이지 오류 해결 2. 정리된 폴더 공유 3. 지역구분 페이지 레이아웃 작업 4. 챗봇 구상 3. 회의 / 작업 내용 1. Nav-bar 별도로 분리 및 대문페이지 오류 해결 - 페이지별 공통 작업을 위해 네비게이션 바를 분리했다. 분리하는 과정에서 다른 분 컴에 있던 파일을 가지고 왔는데, 경로 오류가 났는지 잘 나오던 gif 이미지가 안보여서 애를 먹었다. 다른분들이 많이 도와주셔서 해결할 수 있었다. // live server로..

[15일 메이킹 프로젝트] 프로젝트 도입 전 복습 - JavaScript / jQuery / Ajax

JavaScript / jQuery / Ajax 1. Javascript란? 브라우저를 위해 만들어진 객체지향 스크립트 언어. 웹의 동작을 구현할 수 있다. html의 내용, 속성, 스타일을 변경시킬 수 있다. 2. JavaScript 기초 문법 https://friedegg556.tistory.com/1 3. jQuery란? - CSS 선택자를 이용해 페이지 내부 요소에 간편하게 접근. - 자바스크립트의 코드 간편화. - 손쉬운 Ajax의 사용. //jQuery의 시작 : document가 로드되었을 때 발생 $(document).ready(function() { //... }); 4. jQuery 기본 문법 $(selector).action() //$ : define jQuery //(selector..

[15일 메이킹 프로젝트] #4일차 개발일지

목차 1. 시작의 한마디 2. 오늘의 목표 3. 회의 내용 4. 업무 이슈/고민 & 해결 5. Next up 1. 시작의 한마디 4일차, 오늘 진도 많이나갔다! 2. 오늘의 목표 1. 각자 웹페이지 만들어서 공유하기 2. 웹사이트 기능 구현 방향잡기 3. 웹사이트 레이아웃 결정 4. 역할분담 및 일정 정리 3. 회의 내용 1. 각자 웹페이지 만들어서 공유하기 - 프론트 : 메인페이지, 지역구분페이지 - 백 : 데이터베이스, 로그인 기능 구현 2. 웹사이트 기능 구현 방향잡기 - 튜터님 찬스로 기능구현 방향 잡기. 유기동물 OPEN API를 이용해 각 지역별 데이터 이용. - 도 > 시 > 구 ... 더욱 세분화하여 찾을 수 있도록 정리. 검색기능 추가 여부 고민중. - 고양이 세부정보 팝업기능, 게시판/..

[15일 메이킹 프로젝트] #2일차 개발일지

목차 1. 시작의 한마디 2. 오늘의 목표 3. 회의 내용 4. 업무 이슈/고민 & 해결 5. Next up 1. 시작의 한마디 2일차, 조금씩 가닥을 잡으려 노력 중. 2. 오늘의 목표 1. 웹사이트 구체화 2. 방향 설정하기 3. 회의 시간 결정 4. vs code 파이썬 개발환경 구축 3. 회의 내용 1. 웹사이트 구체화 - 기존 고양이 쇼핑몰 아이디어 -> 유기묘 소개 사이트로 변경. // 프로젝트의 스토리텔링 강화를 위해서. 각 지자체별 유기동물 현황 API를 이용해 크롤링. 기존의 쇼핑몰 뼈대는 그대로 가져가되, 지역 구분을 추가하고 지역 상세 페이지로 넘어가는 방식. 2. 방향 설정하기 - 주제가 선정된 하나의 사이트를 각자 어떤 방식으로 구현하고 싶은지, 디자인과 구현할 수 있는 방법을 생..

[15일 메이킹 프로젝트] 프로젝트 도입 전 복습 - HTML/ CSS

HTML / CSS 1. 태그란? 브라우저에게 어떻게 문서를 출력할 것인지 명령을 내릴 수 있다. 문서의 구조, 형태를 표현하며 html 문서를 꾸며주는 역할. https://developer.mozilla.org/en-US/docs/Web/HTML block )

[15일 메이킹 프로젝트] #1일차 개발일지

목차 1. 시작의 한마디 2. 오늘의 목표 3. 회의 내용 4. 업무 이슈/고민 & 해결 5. Next up 1. 시작의 한마디 순조로운 스타트였다. 남은 기간 더 열심히 매달리기로..! 2. 오늘의 목표 1. 팀명, 팀 컨셉 정하기 2. 웹사이트 주제 선정 및 기획 3. 역할 분담 3. 회의 내용 1. 팀명, 팀 컨셉 정하기 '도둑 코양이' 라는 아이디어가 선정되었다. 구글에서 코드를 훔치는 도둑 코양이를 컨셉으로 한다. 고양이를 좋아하는 팀원들이 많아서 기분이 약간 좋아졌다. 2. 웹사이트 주제선정 및 기획 - 웹쇼핑몰 + 리뷰, 로그인 페이지 - 크롤링으로 고양이 용품 전문 온라인 쇼핑몰 구현 - 랜딩페이지에 영상을 넣고, 쇼핑몰 이름을 클릭하면 쇼핑몰 메인 페이지로 들어올 수 있도록 기획. - 그..

[후기] 스파르타 코딩클럽 - 내일배움단 웹개발 5주 과정

목차 1. 강의를 듣게 된 계기 2. 공부 방법 3. 느꼈던 점 (후기) 1. 강의를 듣게 된 계기 본 전공은 실내디자인이지만, 이상하게 IT 쪽에 관심이 갔다. 구독하는 유튜브 채널은 건축, 인테리어, 디자인에 관련 된 것보다 테크, IT 개발 관련 채널이 많았다. 내 눈에 비친 IT 업계는... 잘 발달된 커뮤니티 내에서 여러 정보를 공유하며 계속 발전해 나가며 변화를 만들어가는 그런 영역? 그냥 뭔가 잘 모르겠지만 재미있어 보였고, 코딩을 조금이라도 할 줄 알면 도움이 되겠다는 생각이 들었다. 그래서 평소 구독하던 NOMAD CODER 채널의 html & css 강의를 처음 들었었는데, 그보다 더 종합적으로 경험해볼 수 있는 강의를 찾다가 스파르타 코딩클럽을 알게 되었다. 2. 공부 방법 기존에 타..

Javascript 기초문법 /1주차 REVIEW

1. 변수 let a = 1 let b = 2 a는 1이고, b는 2 라는걸 let 으로 선언. 2. 리스트&딕셔너리 (1) 리스트 let a_list = ['김','나','박','이'] a_list[0] //'김' a_list.push('성시경') a_list = ['김','나','박','이','성시경'] (2) 딕셔너리 (key + value) let a_dict = {'name':'성시경','age':42} //선언 a_dict['grade'] = 'legend' //추가 a_dict // 출력 {name: '성시경', age: 42, grade: 'legend'} (3) 리스트 + 딕셔너리 all_time_legends = [{'name':'나얼','age': 44},{'name':'성시경','a..