21 - 2학기 (18) 썸네일형 리스트형 [TIL]Flutter 개발하기(Navigator,Drawer,ListView) TAB 2021 겨울방학 학회활동 [슬기로운 코딩생활] 4주차 TIL입니다. 작성자 : 38기_김민서 노마드코더 챌린지를 완강해서 이번 모각코 시간에는 flutter를 활용해서 개발하던 앱에 기능을 추가해보았다. 이번시간에는 drawer, navigator를 중점적으로 구현해보았다. 참고강의:코딩셰프 + 개인적으로 플러터를 사용하면서 오류가 좀 많이 난편이라 블로그에 따로 적어두었다 https://kimwest00.tistory.com/23 0. 최종 구현 목표 1. drawer를 사용해서 메뉴바 구성하기 2. navigator를 이용해서 페이지 이동하기 3. ListView를 이용해서 정보담기 1. drawer 사용하기 drawer는 해석그대로 메뉴바, 즉 서랍기능을 수행하는 위젯이다. drawer는 .. [TIL] 유니티2d로 게임 개발 4주차 TAB 2021 겨울방학 학회활동 [슬기로운 코딩생활] 4주차 TIL입니다. 작성자 : 38기_이병헌 4주차 - 되돌리기, 리셋 기능 만들기, 이동 횟수 표시 using System.Collections; using System.Collections.Generic; using UnityEngine; using UnityEngine.UI; public class Board_controller : MonoBehaviour { public static int block_count, move_count; //블럭의 개수, 움직인 횟수 float[] block_pos; //블럭의 좌표 배열 // Start is called before the first frame update void Start() { block.. [TIL] 바닐라JS와 비교 및 리액트 기초 문법 TAB 2021 겨울방학 학회활동 [슬기로운 코딩생활] 4주차 TIL입니다. 작성자 : 38기_조주희 일단 간단하게 바닐라JS로 버튼 누른 횟수 보여주는 페이지 만듬 Total clicks: 0 Click me React JS 설치를 위한 Javascript 코드 Url https://unpkg.com/react@17.0.2/umd/react.production.min.js https://unpkg.com/react-dom@17.0.2/umd/react-dom.production.min.js 리액트를 import했기 때문에 createElement function을 가진 리액트 object에 접근 가능 const span 그러나 createElement(“span”) 은 반드시 생성하고자 하는 HTML .. [TIL]4주차:기존 앱 개선하기 TAB 2021 겨울방학 학회활동 [슬기로운 코딩생활] 4주차 TIL입니다. 작성자 : 39기_서다원 기존 앱인 북마크앱과 블로그앱을 수정해보려고한다. 템플릿만 수정하면 될 것 같다. 아래는 bookmark_list.html 이다 base.html을 상속받도록 수정했다. {% extends %} 태그는 반드시 첫 줄에 와야한다. bookmark_detail.html도 수정해주었다. post_archive와 post_all, post_detail 등등 또한 아래와 같이 상속해주었다. 반복이다! 수정 후 각 페이지마다 base.html 템플릿이 반영되어 제목과 메뉴가 나타나게 되었다. [TIL]3주차 바닐라JS(3)_momentum 클론코딩 TAB 2021 겨울방학 학회활동 [슬기로운 코딩생활] 3주차 TIL입니다. 작성자 : 38기_김민서 이번시간부터는 모멘텀 클론코딩을 통해 JS 기능 익히는것을 목표로 공부해보았다. 오늘 최종 구현 목표는 사용자가 자신의 이름을 기입하면, 사이트에서 그 값을 기억해서 표출하는것이다. 즉 간소화된 로그인 기능을 구현해보도록하겠다. [결과화면] 위와 같이 이름을 입력하면, h1에 해당하는 문구가 오른쪽과 같이 바뀐다. +추가조건 1. input태그에 해당하는 부분에는 15자 미만을 입력할수있고, 아무것도 제출하지않으면 아무런 변화가 일어나지않는다 2. 이름을 입력하고 log in 버튼을 누르거나 엔터를 눌러서 제출하면, input태그에 해당하는 부분이 없어져야함 3. 사이트를 새로고침해도 오른쪽과 같이 유지.. [TIL] 유니티2d로 게임 개발 3주차 TAB 2021 겨울방학 학회활동 [슬기로운 코딩생활] 3주차 TIL입니다. 작성자 : 38기_이병헌 3주차 - 보드판 만들기, 칸에 맞도록 코딩하기 보드판을 정형화하기 위해 크기를 설정한다. 블럭의 크기가 100px이므로 칸 100px, 경계선 1px로 정한다. 6X6 크기의 보드판이므로 내부는 607px, 테두리의 두께는 21.5px로 650*650의 보드판을 만들었다. 3번째 칸의 오른쪽 테두리는 출구이므로 뚫어두었다. 보드판을 블럭과 같이 prefab화 하였다. 블럭을 보드칸에서 이동시킬 때 칸에 맞춰서 움직이도록 스크립트를 짠다. 이전에 만들었던 블럭의 스크립트에서 편집한다. using System.Collections; using System.Collections.Generic; using U.. [TIL] CNN Applications TAB 2021 겨울방학 학회활동 [슬기로운 코딩생활] 3주차 TIL입니다. 작성자 : 37기_강다인 이번 슬기로운 코딩생활 시간에는 CNN Application에 대해 공부했습니다. 병행해서 하고 있는게 많아서 어째 TIL에 올리는게 통일성이 없지만,,, 1. Tour of ConvNet Architectures 2012년부터 imageNet이라는 데이터 셋에 대한 정확도를 높이는 대회를 열고 있는데, AlexNet이라는 모델의 performance가 우승했다. ImageNet ImageNet Large Scale Visual Recognition Challenge categorie를 기준으로 Clssification, Localization, Detection track으로 문제를 품 2010년 쯤까.. [TIL]3주차:프로젝트 홈페이지 만들기 TAB 2021 겨울방학 학회활동 [슬기로운 코딩생활] 3주차 TIL입니다. 작성자 : 38기_서다원 ref : [파이썬 웹프로그래밍 실전편(저자:김석훈)] 4.2.3 URLconf 코딩 부트스트랩은 UI 화면 디자인에 필요한 css와 js를 미리 만들어서 제공해주는 라이브러리이다. 여기서 제공하는 요소를 가져다가 쓰거나 직접 수정해서 나름 고급스러운(?) 웹 페이지를 만들 수 있다. HomeView 뷰클래스를 만들어주고 URL 패턴명은 home 이라고 지정했다. 4.2.4 뷰 코딩 TemplateView 를 사용할 때에는 template_name을 오버라이딩으로 지정해줘야 한다. 4.2.5 템플릿 코딩 bootstrap 에서 navbar 중 첫번째에 있는걸 사용하려고 한다. 이런 부트스트랩 화면요소를 .. [TIL]2주차 크롤링과 봇 개발 TAB 2021 겨울방학 학회활동 [슬기로운 코딩생활] 2주차 TIL입니다. 작성자 : 39기_김현서 최근 자주 사용하는 디스코드에서 유용하게 쓰일만한 bot을 만들어 보고자한다. 1. 사용언어 Discord의 봇 개발은 Discord API를 이용하여 제작하는 방법과 비공식 API를 사용해 제작할 수 있다. discord에서는 봇 개발을 위한 공식 API를 지원하고 있지만, 사용 가능한 언어인 파이썬(discord.py)를 사용하기로 했다. discord.py는 지난 8월에 공식적으로 개발을 중단했지만, 쓰레드와 같은 최신기능을 빼고 대부분의 기능은 잘 쓸수 있기에 파이썬을 사용하기로 했다. 이 외에도 Node.js, JAVA, C#등 많은 언어를 이용한 API들이 존재한다. 더불어 이번 봇 제작에서는.. [TIL] .Net 설치 및 기존 프로그램 연동 TAB 2021 겨울방학 학회활동 [슬기로운 코딩생활] 2주차 TIL입니다. 작성자 : 37기_강다인 기존 프로그램 가동을 위해서 .NET 환경을 세팅했다. 처음에는 .NET 6.x 버전을 설치했는데(보통 이전 버전을 포함하여 업데이트 되니까 당연히 될 거라고 예상했다) 전혀 코드가 돌아가지 않았다. LTS(Long Tern Support) 버전으로 .NET Core 3.1을 설치했다. .NET 프레임워크는 병렬 버전설치가 가능해서 별도로 .NET 6.0을 삭제해주지 않아도 된다. .NET Core 3.1.22로 설치해서 실행해본 결과, .NET Core 3.1.100으로 실행하지 않으면 안된다는 안내를 받고^^... 세 번째로 이제는 ms에서 서포트하지 않는 3.1.100버전으로 재설치 후 프로그램 동.. 이전 1 2 다음
