본문 바로가기

대학생코딩

[코딩] 스파르타코딩클럽 힙한취미코딩 신년운세 코딩 패키지 2일차 신년운세 코딩 패키지 2일차에 배운 내용들... 01. 운세페이지 만들기 -띠를 선택하면 각각 다른 메시지가 나오게하기! -result.html을 만들어 index.html에서 필요한 부분을 복붙하기! -index.html과 result.html을 연결하기 위해서 href="#" 에서 href="result.html"로 바꾸기! 02. 르탄이 만들기 -운세페이지에 르탄이가 나오도록 하기! -원을 만들고, 원에 르탄이를 입히고, 원에 글씨 쓰고, 원을 가운데로 이동시키기! 모든 것은 index.html에서 필요한 내용 복붙!! 03. 메시지 만들기 -운세페이지의 제목 메시지 부분, 운세 메시지 부분 만들어주기! 제목 메시지는 h1 태그로, 운세 메시지는 p 태그로! 04. 버튼 만들기 -운세 메시지 밑에 .. 더보기
[코딩] 스파르타코딩클럽 힙한취미코딩 신년운세 코딩 패키지 1일차 신년운세 코딩 패키지 1일차에 배운 내용들... 01. 설치 프로그램 -Chrome 과 Visual Studio Code (VS Code) 설치하기! 사실 요건 이미 스파르타 코딩클럽에서 웹개발 종합반과 앱개발 종합반을 수강한 적이 있기 때문에 이미 설치되어있어서 패스~~ 02. 오늘 배울 것 -신년운세 코딩 패키지 완성물 구경하기! -서버/클라이언트/웹의 동작 개념 이해하기! 우리가 보는 웹페이지는 모두 서버에서 미리 준비해두었던 것을 "받아서" -> "그려주는" 것. 브라우저가 하는 일은 서버가 만들어 놓은 API라는 창구에 미리 정해진 약속대로 요청을 보내고, 받은 HTML 파일을 그려주는 것. 그리고 또 기억해야 할 것! HTML은 뼈대, CSS는 꾸미기, Javascript는 움직이게 하는 것!.. 더보기
[코딩] 스파르타코딩클럽 앱개발 종합반 5주차 개발일지 (7/19~7/25) 드디어 앱개발 종합반 마지막 5주차!! 토요일 하루만에 5주차 강의를 다 들었다! 드디어 완강!!! 5-1에서 배운 내용!! -이번주에 배울 내용에 대해 알아보기! 앱에서 수익을 내는 방법, 구글 광고 플랫폼을 이용한 수익 창출 방법, 앱 배포하는 방법 5-2에서 배운 내용!! -앱으로 수익을 낼 수 있는 방법은... 앱 마켓에 유료앱 배포 수익 모델, 앱 내 배너 광고 수익 모델, 앱 콘텐츠 판매 수익 모델 (인 앱 결제), 구독 수익 모델, 앱 개발 용역 수익 모델, 외부 브랜드 광고 수익 모델 -이번에 만든 나만의 꿀팁 앱에서 사용할 방법은 앱 내 배너 광고 수익 모델! 배너 수익 방식은... 배너 클릭, 배너 광고 시청, 배너 광고 사용자 참여 5-3에서 배운 내용!! -애드몹은 앱 내에 구글 배.. 더보기
[코딩] 스파르타코딩클럽 앱개발 종합반 4주차 개발일지 (7/12~7/18) 이번주는 앱개발 종합반 4주차!!! 벌써 다음주면 마지막인 5주차! 4주차 강의는 토욜 하루에 다 몰아서 들었다. 4-1에서 배운 내용!! -이번주에 배울 내용들 알아보기! -앱에 모든 데이터를 담을 순 없다. 그래서 앱에서 서버의 데이터를 가져오고 변경한다. 서버란? 데이터가 담긴 곳! -서버리스란? 서버를 대신 만들어놓고 필요한 기능 (데이터 생성, 조회, 삭제/수정) 을 제공해주는 서비스. -파이어베이스란? 서버리스를 제공해주는 서비스 중 하나. 4-2에서 배운 내용!! -앱에서 서버에 데이터를 요청하거나 데이터를 보내는 대화를 하려면 서버가 정한 규칙에 따라 대화 요청을 해야 한다. 정한 규칙에 따라 요청을 하지 않으면 응답이 오지 않는다. 서버 쪽에서 정한 규칙을 API 라고 부른다. (이 규칙.. 더보기
[코딩] 스파르타코딩클럽 앱개발 종합반 3주차 개발일지 (7/5~7/11) 벌써 앱개발 종합반 3주차!!! 절반이 지났다! 이번주도 금욜과 토욜 이틀에 걸쳐서 강의를 들었다. 3-1에서 배운 내용!! -이번주에 배울 내용들 알아보기! 3-2에서 배운 내용!! -나만의 꿀팁 상세 페이지를 만들어 보기! (pages 폴더에 DetailPage.js 만들어서) -혼자 먼저 시도해보기! (아직까진 혼자 완성하는게 버겁다;;;) 3-3에서 배운 내용!! -DetailPage.js 페이지 만들어가기! 3-4에서 배운 내용!! -앱 필수 기초지식인 컴포넌트(Component), 상태(State), 속성(Props), useEffect!! 그 중에서 컴포넌트란 정해진 엘리먼트들, 즉 요소를 사용하여 만든 화면의 일부분! 버튼 하나가 컴포넌트가 될 수 있고 버튼을 모아둔 영역이 컴포넌트가 될 .. 더보기
[코딩] 스파르타코딩클럽 앱개발 종합반 2주차 개발일지 (6/28~7/4) 앱개발 종합반 2주차가 시작되었다! 2주차는 강의를 이틀에 걸쳐서 들었다. 1주차 강의들을 하루만에 몰아 들었더니 좀 힘들어서,,, 2주차에는 본격적으로 앱 만들기를 시작! 2-1에서 배운 내용!! -리액트 네이티브 앱 개발에서 레이아웃(구역)을 잡는 문법 언어를 JSX라고 부른다. 2-2에서 배운 내용!! -리액트 네이티브는 리액트 + 네이티브! 자바스크립트 언어 하나로 안드로이드 앱과 iOS 앱 두가지 모두 만들어주는 라이브러리, 즉 개발할 때 사용하는 도구! -Expo에서 제공해주는 공식 문서와 리액트 네이티브 공식 문서를 따라하면서 앱을 만들 수 있음! 그리고 개발 중인 앱 테스트를 위한 Expo 클라이언트 앱을 제공함! (강의에서는 클라이언트 앱이었지만 내가 설치했던 건 Expo Go 앱!) 2.. 더보기
[코딩] 스파르타코딩클럽 앱개발 종합반 1주차 개발일지 (6/21~6/27) 웹개발 왕초보 시작반을 완강하고 바로 다음날 앱개발 종합반도 결제했다!! 완강 환급 포인트와 수강하면서 받은 포인트들로 할인받을 수 있었다! ㅎㅎㅎ 웹개발에 이어 앱개발 인강도 5주 안에 완강할 수 있기를 다짐하며 수강을 시작했다. 1-1에서 배운 내용!! -클라이언트는 사용자가 보는 화면, 서버는 데이터가 있는 곳! -앱 개발의 종류에는 안드로이드와 iOS를 각각 개발하는 네이티브 앱, 웹사이트를 만들고 껍데기를 씌워 배포하는 하이브리드 앱, 그리고 내가 배울 크로스 플랫폼 앱! -리액트 네이티브는 크로스 플랫폼 앱 개발 언어 중 하나로 자바스크립트로 개발 가능! 1-2에서 배운 내용!! -요 강의에서는 필요한 프로그램들을 설치했다. Visual Studio Code, 안드로이드 스튜디오, XCode,.. 더보기
[코딩] 스파르타코딩클럽 왕초보 시작반 5주차 개발일지 (6/14~6/20) 6월 14일 (월) 드디어 웹개발 왕초보 시작반의 마지막주 5주차이다!!! 이번주는 학교 과제와 시험이 몰린 주여서 월요일에 최대한 많이 듣기로 결심하고 5-1 부터 5-11 강까지 수강했다. 새로운 프로젝트인 [무비스타] 페이지를 만들었다! GET, POST 를 계속해서 연습해볼 수 있는 프로젝트였다. 위로! 버튼을 누르면 배우 이름이 위로 올라간다. 좋아요 개수도 바로바로 변경된다. 삭제를 누르면 삭제도 된다! [무비스타] 페이지를 다 만들고나서 AWS 서버를 구매하고 파일질라에서 서버도 세팅해주었다! 5월 15일 (화) 이날은 이어서 5-12 강의를 들을 계획이었는데 뭔가 오류가 생기는 것 같아서 다시 5-11를 듣고 5-12, 5-13을 들었다. 꾸역꾸역 따라가보기는 했는데 뭔가 되는건지 안되는건.. 더보기

티스토리툴바