AI•SW 개발이야기

드디어 소기의 성과를 얻었다. 이제 홈페이지 다운 홈페이지가 되어가는 중이다. 강의 들으며 만드는 간단한 페이지지만 내 손으로 만들어 간다는 것이 의미가 있다. 1주 차에서 4주 차까지 많은 변화가 있었고 웹 개발에서는 db를 사용한다던가 api를 만들고 그걸 홈페이지처럼 적용할 수 있다는 것이 현재까지의 결과다. 프로젝트 세팅 순서 기록 프로젝트 세팅 (기본 구조, 필요한 파일 생성 등) api 설계 (필요한 기능설계) 조각 기능 구현 (구현 전 필요한 기능 요약해서 미리 구현) 뼈대 준비 (클라이언트-서버 간 연결 상태 등 확인) 실제 post연습 실제 get연습 구현 및 조정 api 구현을 위한 flask from flask import Flask, render_template, jsonify, r..

뭔가 고난의 연속이였다. 제대로된 개념을 잡지 못해서 node, yarn, expo를 몇번이나 재설치 후 정상적으로 코딩을 진행하였다. eperm: 퍼미션 에러가 계속나서 구글링을 계속했고 처음부터 재설치를 하였으며 패키지 설치시 글로벌 설치외에는 해당 폴더의 node_module 폴더에 설치가 된다는 것을 꼭 숙지하길 바란다. 그리고 혹시 문제가 된다면 속성>보안 권한설정 및 폴더의 읽기전용을 해제해 보자. 외부API사용법, 파이어베이스 사용법(스토리지, 리얼타임데이터베이스- 읽기, 쓰기)을 통해서 화면을 이동하며 데이터베이스에서 저장된 내용을 가져오거나 수정, 삭제를 하게되었다. 날씨 API 제공 https://openweathermap.org/api 회원 가입 후 사용 Weather API - Op..

3주차인데 위기감을 느끼는 중이다. 제대로 이해 못 하고 강의만 듣고 있는 것 같은 느낌이다. 따라는 가지만 전체적으로 이해는 어려운 상태다. 특히 내비게이션 부분은 다시 한번 복습을 해봐야겠다. 처음 생각은 내비게이터 함수 묶음을 만들어서 각각 붙이면 될 것 같았는데 상태를 저장하고 불러오는 건 시간이 필요하다. 그리고 어찌어찌 페이지는 변경되는데 다시 하라고 하면 못할 거 같은 기분이랄까? 이건 계속해보는 수밖에 없을 것 같다. 그나마 share나 linking은 이해할 수 있었다. 내비게이터는 더 공부해야겠고 share와 linking만 우선 남겨놓는다. share import { Share } from "react-native"; Share.share({ message:`${변수} 등등등` });..

3주차는 파이썬을 기본문법과 크롤링(스크래핑) 그리고 mongoDB를 이용한 데이터베이스를 배웠다. 아나콘다를 사용해서 가상환경 설정하는 방법이 조금 다르긴 하지만 기본적으로 가상환경을 이용해서 각 프로그램 마다 파이썬 버전이나 패키지를 관리한다는 개념만 알고가면 좋을것 같다. 다음으로 mongoDB는 SQL과는 조금다른 개념인 NoSQL 방식인데 각각 필요에 의해서 선택해서 사용하면 될것같다. 일단 이것저것 따져서 선택할만한 실력은 아니라 시키는 대로 차근차근 배워가는중이다. 이번주 숙제는 지니뮤직 순위와 노래제목, 가수를 크롤링 하는것이었고 다행히 어렵지 않게 코드를 작성할 수 있었다. 코드를 작성하는데 필요한 기본코드를 메모한다. requests, bs4 import requests from bs4..

2주차에 들어서고 강의를 들으며 웹 개발이 익숙해지고 있다. 특히 이번 주에 배운 jquery나 ajax는 유용하다. 아무것도 모르고 처음 웹개발을 시작했을 때 구글에서 찾아봤던 코드를 봐도 이해를 못 한 경우가 많았는데 이제는 다른 코드를 보더라도 이해할 수 있게 된 것이 가장 큰 발전이다. 이번 주 숙제는 지난 판매페이지 코드에서 환율만 더하는 숙제로 ajax를 이용해서 환율을 물어보고 받아서 jquery를 이용해 적용하는 부분이다. 다음에 재사용을 위해서 기본 ajax 코드를 기록한다. $.ajax({ type: "GET", url: " ", //주소 data: {}, success: function(response){ //수신된 내용을 이용해서 작성 } }) jquery를 이용한 내용변경 코드도 ..

1주차와는 다르게 본격적인 앱 개발에 들어선 것 같은 기분이다. 안드로이드스튜디오를 이용해서 코틀린으로 개발을 해봤지만 자바스크립트로 android, ios 동시에 개발 가능한 것도 충격이었고 생각보다는 따라가기가 쉬워서 처음부터 해봤으면 이렇게 헤매고 있지는 않을 거라는 생각이 드는 중이다. 각설하고 큰 틀은 자바스크립트와 태그, CSS와 활용법이 비슷한 스타일 시트로 화면을 그리고 스크롤 뷰를 생성하거나 json 정보를 임포트하고 마지막 숙제로 이미지 주소를 이용해서 사진을 가져오고 타이틀과 내용 버튼을 만드는 것까지 해보았다 육아와 공부를 병행하다 보니 시간이 부족해 코드를 복사해서 수정해서 작업을 했지만 무엇을 어떻게 해야 하는지는 알게 되었다. 추후 다른 페이지를 로딩하거나 버튼을 누르면 함수가..

1주차답게 특별한 개발내용은 없고 기본 문법에 대한 공부가 주였고 간단한 코드를 연습했다. 아직은 어렵지 않은내용으로 리스트, 반복문, 조건문, 함수를 배우며 리스트를 활용한 코드 및 정규식을 활용한 코드를 작성해봤는데 급하게 작성하느라 노션에 있는 내용을 참고하며 작성했다. 2주차부터는 시간적 여유가 있으니 참고보다는 조금 더 개인적인 코드를 생각해서 작성해보고 싶다. 특정 과일 세기 코드 function fruit_check( list, name ) { let count = 0; for (let i = 0; i < list.length; i++) { let fruit = list[i]; if (fruit == name) { count += 1; } } console.log(count); } let f..

기본적인 Html, CSS, JS에 대한 설명 및 문법을 배우고 판매페이지 까지 작성해보았다. 이것저것 배우면서 알고있던 내용들을 강의를 배우며 다시 한 번 알게 된 한주였다. 특히 부트스트랩은 획기적이었다. 디자인 감각이 필요한 부분에서는 고민하지 않고 복사해서 가져다 쓴다는 것이 편리하기도 하고 재미있기도 하다. 더 배우고 알아야 할것이 많겠지만 확실한건 코딩을 하다보면 드는생각이 외우기보단 검색하거나 찾아서 적용하고 복사 붙여넣기로 시간을 아낀다는 개념은 정확하게 알게된 한주라고 생각한다. 부트스트랩 링크 1주차 레이싱 휠 판매페이지 코드 더보기 레이실 휠 세트 판매 가격:500,000원/개 휠, 발판, 시프트 포함 특가 주문자이름 수량 -- 수량을 선택하세요 -- 1 2 3 주소 전화번호 주문하기

이번에는 본문에 댓글 영역을 추가하겠습니다. 댓글 리스트와 쓰기 영역을 따로 만들겠습니다. 이번 내용은 댓글 리스트입니다. 연습용으로 개설된 티스토리 블로그 (https://hijingjingpractice.tistory.com/) HTML 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 HTML 3열 - 댓글 치환자 4열 - 댓글 치환자 div 태그 5열 - 댓글 이름 6열 - 댓글 리스트 div 태그 7열 - 댓글 리스트 출력 영역 9열 - 댓글 리스트 반복열 10열 - 댓글 반복열 영역 11열 - 작성자 12열 - 작성 날짜 13열 - 작성자 관리 영역 1..

메인 페이지 세 번째 시간입니다. 지난 시간에 이어서 메인 페이지 본문 내용 추가와 블로그 모양을 수정을 하겠습니다. 연습용으로 개설된 티스토리 블로그 (https://hijingjingpractice.tistory.com/) _##] HTML 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 HTML 8열 - 메인페이지 1번 내용 11열 - 퍼머링크 치환자 태그 12열 - 상단 타이틀 div 태그 13열 - 카테고리 div 태그 14열 - 카테고리 링크, 이름 치환자 16열 - 타이틀 링크, 이름 치환자 17열 - 날짜 div 태그 18열 - 날짜 치환자 20열 - ..