21 - 2학기/슬기로운 코딩생활 (18) 썸네일형 리스트형 [TIL]2주차 바닐라JS(2) TAB 2021 겨울방학 학회활동 [슬기로운 코딩생활] 2주차 TIL입니다. 작성자 : 38기_김민서 이번주차 모각코시간에서는 앞서 배운 js를 어떻게 써먹을지에 관련한 내용이였다. js코드를 활용하는 방식은 대체로 아래와 같았다. 1. html의 element를 가져온다 2. event listner 코드 작성한다. 1. html의 element를 가져오기 document는 html의 정보를 담고있는 객체(Object)이다. 따라서 저번 시간에 다루었다 객체 속성의 개념을 활용해서, js 코드에서 document.만 작성해도 여러 속성에 접근할수있다 (+전체적인 구조를 보고싶다면 console.dir(document)를 실행시키면된다) 주로 js코드에서 html 요소 가져오는방법은 크게 두가지가 있다 .. [TIL] 유니티2d로 게임 개발 2주차 TAB 2021 겨울방학 학회활동 [슬기로운 코딩생활] 2주차 TIL입니다. 작성자 : 38기_이병헌 2주차 - 블럭 코딩하고 prefab화 하기 prefab이란? prefab은 이미 완성이 된 게임 오브젝트를 여러번 재사용 가능하도록 만드는 기능이다. 하나의 게임 오브젝트가 반복되어서 사용될 때 일일이 만들지 않고, prefab으로 만들어 두면 손쉽게 재사용하고 수정하기 쉽다. 러시아워 게임에서 사용되는 블럭은 가로로 이동하는 블럭, 세로로 이동하는 블럭이 있다. 우선 가로로 이동하는 블럭을 설정한다. 스프라이트를 만들고 Component를 설정해준다. Box Collider 2D - 블럭간, 보드판 테두리와의 충돌 설정, 2칸짜리 가로블럭이므로 Size를 200*100으로 설정 Script - 마우스.. [TIL]2주차: bookmark앱 만들기_2, Blog 앱 TAB 2021 겨울방학 학회활동 [슬기로운 코딩생활] 2주차 TIL입니다. 작성자 : 38기_서다원 ref: [파이썬 웹프로그래밍 실전편(저자:김석훈)] https://axce.tistory.com/75 Django 장고 - Secret key 파일 분리하는 방법 장고 프로젝트를 Git에 업로드 하거나 배포할 때, 보안상으 이유로 Secret Key를 분리해야 합니다. 이번에는 Secret Key를 파일로 따로 관리하는 방법에 대해 알아보도록 하겠습니다. secrets.json 파일을 axce.tistory.com 실습한 코드를 그냥 깃허브에 올렸더니 secretkey가 노출되었다는 메일을 받아서 위 포스팅을 참고해서 secret key를 분리해 올렸다. 2.4 URLconf 코딩하기 3개의 URL과 .. [TIL] 노마드코더 JS 5.0 ~ 6.2 TAB 2021 겨울방학 학회활동 [슬기로운 코딩생활] 2주차 TIL입니다. 작성자 : 38기_조주희 // #5 clock setInterval(함수, 시간) : 일정 시간 간격을 두고 함수를 실행하는 방법(밀리세컨드가 단위) setTimeout(함수, 시간) : 일정 시간 간격을 두고 함수를 실행하는 방법 function sayHello () { console.log("hello"); } setInterval(sayHello, 5000) // 5초에 한번씩 콘솔에 hello 출력 setTimeout(sayHello, 5000) // 5초 이후에 콘솔에 hello 출력 (그 이후엔 출력 되지 않음) Date 객체 new Date() 를 호출하면 새로운 Date 객체가 만들어짐. let now = new .. [TIL]1주차:장고 개발의 기본사항, bookmark앱 만들기_1 TAB 2021 겨울방학 학회활동 [슬기로운 코딩생활] 1주차 TIL입니다. 작성자 : 38기_서다원 ref : [파이썬 웹프로그래밍 실전편(저자:김석훈)] 장고 개발의 기본사항 * MVT 개발 방식 웹 프로그래밍 영역을 3가지 개념으로 나눠서 개발하는 방식 - 테이블을 정의하는 모델 : models.py 파일 - 애플리케이션의 제어 흐름 및 처리 로직을 정의하는 뷰 : views.py 파일 - 사용자가 보게 될 화면의 모습을 정의하는 템플릿 : *.html 파일 * MVT 코딩 순서 정해진 순서는 없지만 일반적인건 모델 코딩 -> 뷰와 템플릿 코딩 UI 화면 생각하면서 로직 풀어나가고 싶으면 템플릿 먼저 코딩하고 클래스형 뷰처럼 뷰 코딩이 엄청 간단하면 뷰 먼저 코딩 * settings.py 주요 사항.. [TIL] 유니티2d로 게임 개발 1주차 TAB 2021 겨울방학 학회활동 [슬기로운 코딩생활] 1주차 TIL입니다. 작성자 : 38기_이병헌 1주차 - 한 달 동안 개발 할 게임을 기획하고 준비하기 한 달 안에 개발할만 한 인디게임 후보 2048 블럭깨기 러시아워 테트리스 애니팡류 이 중에서 러시아워 선택 러시아워 - 블럭들을 움직여서 메인 블럭을 출구로 탈출시키는 보드게임 개발할 내용 보드판(5X5, 7X7, ...), 블럭 크기 맞추기 블럭 prefab - collider 설정, 마우스 클릭 후 드래그(앞, 뒤로만 이동), 이미지 설정 리셋 기능 되돌리기 기능 - 매번 이동시 이전 위치 기억(판 전체의 블럭 저장? 각 블럭 저장?) 블럭 이동시 위치 변화 - 이동횟수 + 1 그 외 추가 내용) 튜토리얼, 힌트, 디자인, 최소이동횟수 경쟁 .. [TIL]1주차 모각코_바닐라 JS(1) TAB 2021 겨울방학 학회활동 [슬기로운 코딩생활] 1주차 TIL입니다. 작성자 : 38기_김민서 참고강의: 노마드코더 바닐라JS로 크롬앱 만들기 0. 공부계획 작년 겨울부터 html,css부터 리액트까지 웹 프론트에 관련되서 여러번 찍먹 해왔었다. 근데 저번 2학년에 프로그래밍어론, 웹프로그래밍 강좌를 수강하면서 제대로 공부가 안된점을 많이 발견했고,,(학점 안녕~)바닐라 js부터 리액트 라이브러리까지 실무및 프로젝트에서 써먹을정도로 제대로 공부해보고 싶은 생각에 노마드코더 바닐라 JS챌린지 수강및 리액트 라이브러리를 이용해서 공부해보려고한다. 만약 시간 여유가 된다면 저번 학기 활동으로 진행한 방탈출게임을 완성해보려고한다. 📌1주차 목표: 바닐라 JS 기초문법및 헷갈리는 개념 위주로 복습 📌참고강.. [TIL] 노마드코더 Javascript 4.0~4.7 TAB 2021 겨울방학 학회활동 [슬기로운 코딩생활] 1주차 TIL입니다. 작성자 : 38기_조주희 index.html Log In app.js const loginForm = document.querySelector("#login-form") const loginInput = document.querySelector("#login-form input"); const greeting = document.querySelector("#greeting"); const HIDDEN_CLASSNAME = "hidden"; //일반적으로 string만 포함된 변수는 대문자로 표기 const USERNAME_KEY = "username" function onLoginSubmit(e) { e.preventDefaul.. 이전 1 2 다음
