git hub에 repository를 열고, git hub pages 서비스를 이용해서 홈페이지를 만들어보자.  ■ 깃허브(github)란? 프로젝트를 저장하고 버전을 관리할 수 있는 호스팅 서비스이다. - 장점1: 협업하는 다른 사람들에게 프로젝트를 쉽게 공유할 수 있다. - 장점2: 프로젝트의 분기와 버전을 관리하기 쉽다. - 장점3: 무료로 쓸 수 있다.■  레포지토리(repository)란? 프로젝트를 저장하는 온라인 저장소■  커밋(commit)이란? commit은 파일의 변화를 깃 레포지토리에 기록하는 것. 나중에 잘못되더라도 프로젝트를 커밋한 시점으로 복구 할 수 있다. ■ 깃허브페이지스(github pages)란? 누구나 쉽게 홈페이지를 운영할 수 있도록 무료로 제공하는 호스팅 서비스 [프..

프로젝트 진행기간: 2024년 7월 5일 ~ 2025년 1월 15일앱인벤터로 만든 게임 어플 [던전 서바이버]survival(살아남기 게임) 캐릭터 조이스틱 무빙 구현맵 구현적 등장, 적 무빙충돌(데미지), 총알쏘기점수(돈)상점(아이템 구매)오프닝/엔딩첫번째 [조그셔틀 구현하기] 캐릭터를 조그셔틀로 상하좌우 제어하는 기믹을 구현하려고 하였다. 이 아이디어의 핵심은, 검은 원(큰 원), 파란 원(작은 원) 두개의 원을 하나의 중심점으로 배치해 놓고, 검은 원은 고정, 파란 원은 유저가 터치 - 드래그하면, 해당 좌표 값을 전달하고, 터치업하는 순간 다시 중앙의 원래자리로 돌아가는 방식이다.  문제는, 조그셔틀에 전달 된 x, y좌표의 이동 정도를 캐릭터(여기서는 지오메트리대시 캐릭터가 사용되었다)에게 전달..

프로젝트 진행기간: 2024년 4월 5일 ~ 6월 28일플래시게임 와플래시: "감옥탈출 리마스터"를 스크래치로 제작해 보았다. 스크래치에서 구현할 수 있는 기믹에 한계가 있고, 스테이지가 늘어날수록 오류들도 점점 많아져서 10stage정도에서 끝내기로 하였다.   원작의 감옥탈출에는 캐릭터를 고르는 설정도 들어있으나, 우리는 클릭을 하면 바로 게임이 시작되도록 하였다. 글씨 아이콘이 움직이는 등의 기믹은 구현하려고 하면 충분히 구현할 수 있었으나, 각 요소들을 이미지 스프라이트로 별도 구현해야 해서 그냥 "클릭하면 게임이 시작되도록"으로만 구현했다. 원본 리소스를 구할 수는 없어서, 위키에 있는 이미지들을 캡처해서 배경으로 넣어보았다. 리소스를 준비하는데만도 시간이 꽤 많이 걸렸다. 캡처한 이미지들은 배..

지난 시간에는:1. 공공데이터 포털에서 api를 가져오기2. 웹 컴포넌트를 이용해서 xml -> json파일로 받아 파싱하기3. 파싱한 값을 역 정보 리스트에 저장하기(반복문)4. 역정보 리스트를 캔버스에 출력하기(반복문)여기까지 작업을 했습니다.  이번 시간에는: 실시간 열차정보를 받아서 운행중인 열차정보를 표시하고, 각 전철들을 움직이도록 이미지스프라이트로 구현하기로 했습니다.  시작하자마자 부딪힌 문제:1. 실시간으로 운행하는 열차 대수가 시간마다 달라진다. -> 어떨때는 33대, 45대, 종료할때는 5대, 4대... 0대 이렇게 바뀐다. 2. 이미지 스프라이트 개수가 실시간 운행 열차 대수 만큼만 등장해야 한다. -> 앱인벤터에는 이미지 스프라이트를 생성하는 기능이 없어서, 미리 최대 개수만큼 등..

프로젝트 진행일: 2022년 5월 28일(토) ~ 10월 8일(토)까지1. 기획: 지하철 7호선 노선을 공공데이터 api를 활용하여, 지하철 역정보를 실시간 확인할 수 있는 어플을 만들자. 전부 다 만드는거는 오래걸리고 힘드니까, 일단 7호선만 만들기로 함.  2. 역정보 가져오기API문서 읽기: - 역정보 받아오기- 열차정보 받아오기 실시간 열차정보는 너무 상세한 내용이 나오기 때문에, 일단 역정보부터 확정하기로 했다.   서울 공공데이터로 검색하면 사이트가 나오는데, "서울 열린데이터 광장"사이트로 들어가면 된다. https://data.seoul.go.kr/ 열린데이터광장 메인데이터분류,데이터검색,데이터활용data.seoul.go.kr 회원가입을 하고, 오픈API 사용 요청을 해야한다. 인증키를 받..

프로젝트 진행일: 2022년 5월 14일(토) 1. 기획:앱인벤터로 영단어 어플 만들기로 함제목은 "바이든 영단어" 2. 자료 수집: 능률 홈페이지에 접속하여, 학교 영어 교과서  접속https://www.nebooks.co.kr/pages/book/search.asp?p=7&from=keyword&arg2=link&arg3=0 NE Books – NE능률 교재 부가 학습 사이트안녕하세요. NE능률입니다. 통합수학은 NE능률이 출원한 대구교육청 승인의 인정교과서입니다. 기본 교과과정 외 추가 개설된 교과로 기존 교과서 공급소 또는 한국검인정협회가 아닌 NE능률 지www.nebooks.co.kr학교 수업에서 사용되는 교과서를 찾아, 단어 파일을 다운로드함능률 회원가입 해야만 받을 수 있다. 워드 파일로 다..

1. EC2 인스턴스에 파이썬 설치하기https://velog.io/@gmlstjq123/EC2%EC%97%90%EC%84%9C-%ED%8C%8C%EC%9D%B4%EC%8D%AC-%ED%8C%8C%EC%9D%BC-%EC%8B%A4%ED%96%89%ED%95%98%EA%B8%B0> 번역 프로그램vi trans.py로 파일을 열고 아래의 내용을 작성하자.vi를 빠져나온 후, " data-og-host="velog.io" data-og-source-url="https://velog.io/@gmlstjq123/EC2%EC%97%90%EC%84%9C-%ED%8C%8C%EC%9D%B4%EC%8D%AC-%ED%8C%8C%EC%9D%BC-%EC%8B%A4%ED%96%89%ED%95%98%EA%B8%B0" data-og..

1개의 웹서비스, 여러 개의 기능 어떻게 구성해야 할까?AWS의 EC2서비스를 통해 인스턴스를 열면, 쉽게 서비스를 활성화 할 수 있지만외부에서 해당 접속하기 위해서는 IP를 배정해야 한다.  탄력적IP를 잡아둔 다음, 내 인스턴스에 할당하는 작업이 필요하다. 2024년 2월부터 아마존은 사용자들을 IPv4를 IPv6로 전환하도록 유도하기 위해, IPv4에 월 과금을 부과하기로 공지했다. 안쓰는 인스턴스나, 꼭 외부IP가 필요하지 않은 인스턴스의 경우에도 유지하는 것만으로도 월 비용이 발생하기 때문에사용자들은 필요없는 인스턴스를 종료하거나, 외부접속이 필요없는 인스턴스를 IPv6로 전환하도록 검토했다.  코딩아카데미 서비스를 오픈하기 위해 서비스내 기능들을 여러 인스턴스로 쪼개려고 했는데, 그 이유는 안..

웹서버로 사용중인 파일을 github로 push해보자. (우분투 기준)github repo: doopyo85/codingnacademyec2 웹서버 파일위치: /var/www/html//var/www/html/ 디렉토리로 이동:cd /var/www/htmlGit 리포지토리 초기화 (권한 문제 해결을 위해 sudo 사용):sudo git initGitHub 리모트 추가 (이미 추가된 경우 생략): sudo git remote add origin git@github.com:doopyo85/codingnacademy.git변경된 파일 추가:sudo git add . 커밋 메시지 작성:sudo git commit -m "Update with latest changes from /var/www/html/"GitH..

EC2에 아파치 서버를 설치하자. 나는 인스턴스를 ubuntu로 열었기 때문에, 우분투 명령어 기준으로 작성되었다.  1. 업데이트를 해준다. sudo apt update 2. 아파치를 설치해준다.sudo apt install apache2 -y3. 아파치를 실행한다.  sudo systemctl start apache2 sudo systemctl enable apache2 4. /var/www/html 폴더에 웹파일을 업로드 한다. 나는 github에 레포지토리를 만들어 열고, 해당 레포지토리에서 클론해서 가져오도록 했다. git clone https://github.com/레포지토리주소 나는 codingnacademy폴더에 클론했기 때문에, 아래의 명령어로 /var/www/html 폴더로 옮겨 준다...