Youngble_개발스토리

요번주는 리액트 기본을 배우며 함수형 컴포넌트와 클래스 컴포넌트를 이용하여 평점을 주고 화면이동에 대한 컴포넌트 이해를 했던거같다. 처음배우는 주특기라 강의를 들으면서 바로바로 실현은 못하고 돌려보고 코딩따라해보고 했던 주였던거 같다.(그래도 빨리끝나서 이렇게 TIL을 쓴다 ㅠㅠ 그전엔 쓸시간이 우선순위가 밀려서 못썼다.) 그럼 오늘 배운것과 그전에 배웠지만 쓰지 못했던걸 적어보도록하자. 먼저 주특기에 앞서 깃허브를 꾸며보았다. 앞으로 개발자로써 나의 명함과 얼굴이 될놈이기에 markdown을 인터넷에서 찾아보고 다른사람들이 쓴걸 참고하면서 꾸미게 되었다! 꾸미고나니 뿌듯하고 뭔가 개발자로 있어보이는거같았다. 그전에 하질 않아서 검은색으로 가득하지만.. 이제부터 토이프로젝트를 하면서 꾸준히 잔디도 심을 ..

배운것 JS 를 이용하여 알고리즘문제를 푸는 실질적 방법을 알게됨 알고리즘을 위한 JS의 내장함수 메서드를 많이 알게되고 쓸수있게됨 filter,reduce,slice,Math,splice,split,join toString,parseInt,Number,push,sort,reverse, arrow functio includes, ... 나머지 매개변수 Rest Parameters, date 등등.. 정규표현식(아주 유용하고 확실하게 더 알고싶다) 하위표현식 () []범위 \w, \d,\D, {2}, gi, ^, ., *, $, (lookahead)전방 탐색 ?= , lookbehind후방탐색 ?

배운것 와이어프레임 설계 ajax 이용 서버,클라이언트간의 API 기능 설계 서버와 클라이언트 로직 이해 JWT를 이용한 로그인 기능 구현 크롬드라이버를 이용한 스크래핑 GIT 과 Github 을 사용하여 branch를 만들고 팀원들이 fork 하여 clone 하고 full requests 하여 수정에 대한 검토, merging 하기 jinja2 를 이용하여 ajax 보다 쉽게 클라이언트와 서버간에 정보 데이터 주고 받는 법, 서버쪽 return render_template(example = example), 클라이언트 {{example}} 터미널에서 ubuntu 로 연결하여 미니 프로젝트 파일을 aws이용하여 ec2로 미니프로젝트 배포 포트5000 사용안되는부분 알게됨(활성상태 보고 PID 확인) 느낀..

미니프로젝트를 진행하며 완성을 해야된다는 부담감과 끝까지 구현을 시도해보고 밀린 공부로 인해서 그동안 til 을 못써서 지금 이렇게 쓰고있다. 11월5일 밤에 마지막 미니프로젝트를 제출후 구현하지 못하거나 질문하고 싶었던것, trouble shooting 을 통해 팀원들과 정리하여 멘토분들에게 피드백을 받았다. 찾아볼시간도 많이 없었고 걸리는 시간도 오래걸려 미뤄 뒀던것이 멘토님의 피드백으로 모두 해소가 되었다 아 이게 현업 선배구나 느낌이 있었다. 그럼 오늘까지 밀린 내용을 아래 적으려고한다. 메모해 둔부분들이 많아 형식이 정해지지 않고 랜덤하게 적혀있는 부분은 나중에 수정하기로했다. 서버 파일 app.py에서 경로를 정해줄때 @app.rout(‘경로’)를 쓰는데 이건 flask 에 있는 기능이다. ..

부트스트랩 말고 bulma 사용 하는 이유 : 다른점 : 부트스트랩과 달리 순수 css로 이루워짐, 부트스트랩보다 훨씬 직관적 따라서 시간 효율성 좋음, 기본 골격 모양이 부트스트랩보다 이쁨 https://cdn.jsdelivr.net/npm/bulma@0.9.1/css/bulma.min.css"> 이 한줄에 bulma 사용 가능 Section 은 body 안에서 영역을 구분할때 쓰는데 보통 div 로 영역을 나누는데 div 는 워낙 많은곳에 쓰이다보니 div 보다 적게 쓰이면서 확실히 구분을하는 부분을 section 으로 구분 역할을함 웹개발 플러스 4-3 회원가입 기능 에서 app.py 에서 회원가입 아이디 비밀번호 등록후 로그인시 'str' object has no attribute 'decode'..

오늘 항해99 1일차를 하며 프로젝트 구상을 했고 정신없는 하루가 지났다. 같이 이야기하고 공유하면서 내가 무슨부분이 부족한지 체크를했고 따로 공부하여 개념을 정리하기로했다. 웹개발 종합반을 복습하면서 헷갈리거나 까먹고 잘알지 못한걸 자기 공부때 개념들을 아래와같이 정리하였다. jquery 는 javascript 로 이루워진 라이브러리 이다. Ajax 는 query 안에 있는 asynchronous Javascript And XML 의 약자 기술이다. 한국어로는 비동기적 자바스크립트 그리고 XML 라는 뜻으로, 보통 동기적인 경우는 웹 화면을 재 로딩하면서 html, css, js 를 다시 다 불러온다 하지만 ajax는 웹 화면을 갱신하지 않고 필요한 데이터를 서버로 보내고 가져오는 방법을 말한다 보통 ..

프로젝트 이름 : 크리스마스때 뭐볼래? 설명 : 크리스마스때 보고싶은 영화 리스트 api Github 주소 : https://github.com/Taeeon-kim/Myproject.git

스파르타코딩 강의중 하나인 자바스크립트 문법 뽀개기를 다 들었다. 1주차만 있는 총 18개의 영상 강의라 오래 걸리지 않아 하루만에 끝냈다. 이전에 이미 알고있던 개념이라 빠르게 넘어간것같다. 다시한번 상기하고 좀더 디테일하게 이해한부분은 클래스와 객체 부분이였다. 자바스크립트를 공부하면서 클래스, 함수, 객체 에 대해서 배우는데 사실상 많이 써보지도 않았어서 , 왜 이것들은 비슷하면서도 서로 달리 쓸까 생각하곤 했다. 이 강의를 통해 클래스 구조와 const name = new class_name (파라미터1,파라미터2, ...) 에 대해서 왜 그렇게 쓰는지 알게 되었고, 이를 좀더 간소화하여 객체 리터럴로 쓰는 경우도 한번더 상기하였다. 배열부분도 가장 같이 많이쓰는 for 문, 그리고 새롭게 알게된..

항해99일을 신청하고 7일정도 걸린거 같다. 5주 과정이지만 동영상 길이가 짧아 의지만 있다면 금방 끝낼수있는 양이였다. 하지만 그안에서 새로운 개념이나 로직을 배워야하기에 이해하는데는 좀더 많은 시간투자가 필요했다. 웹개발 종합반을 듣기 전에 html,css를 미리 보았고 js 를 따로 책을 통해서 공부 중이였지만 실질적으로 어떻게 활용할수있는지 감을 잡기 힘들었다. 하지만 웹개발 종합반을 통해 a-z까지 미니프로젝트나 숙제를 통해 클라이언트, 서버, DB, 프레임워크 등등 전반적으로 이해하는데 좋았다. 항해하기 2일전이지만 한번더 복습을 빠르게해서 1주차때 좋은 성과를 내었으면 좋겠다.

몇일전에 5주차까지 완료했는데 4주차 끝났을때와 5주차 끝났을때 바로 쓰지 못했다. 그래서 기억에 남는 것들을 적어볼까 한다. 들으면서 로직 알고리즘의 이해를 하며 들었지만 암기나 익숙함은 부족하기에 다시 몇번 봐야될거 같다. 4주차떄는 미니프로젝트를 통해 서버 클라이언트 DB를 활용했던거 같다. 모두의 책리뷰 라고 해서 네이버 북에서 실시간으로 순위에 따른 저자 책이름 간단한 소개글 을 이미지와 함께 출력하는것을 해보았다. 이때 flask 라는 프레임워크를 사용하였고 서버와 클라이언트 ajax, API 코드를 한번더 숙지하였다. post,get 을 통해 정보를 DB 에 저장하거나 호출 하기도 하였다. 5주차때는 aws, 도메인, fillezilla, Robo 3T 를 전체적으로 사용하였고, 내 컴퓨터..