본문 바로가기

TIL&WIL49

241101 TIL - node.js 설치.... 드디어 대망의 첫 주 웹개발 프로젝트를 마치고 다음 주부터 본격적으로 진도를 나가게 되었다!새로운 강의도 지급받고 기분 좋게 프로그램들을 준비하려는데 이게 웬걸 node.js 설치가 뭔가 이상하다응애인 내게 익숙한 설치마법사가 아니었고, 직접 터미널을 열어 코드를 하나씩 실행하는 방식의 설치였다!방식부터 낯설었는디 오류까지 발생하기 시작.... 슬퍼지던 참에, 다른 조원 분들도 빨간 글씨를 마주하고 있다는 소식에또 위안을 삼고 별 거 아니겄지 했는데, 설치가 되긴 되던 다른 분들과 달리 나는 설치 조차 안 되는 것이었다.....   결국 저녁식사까지 시간이 여유롭길래 튜터님께 찾아가 도움을 구했는데, 또 웬 걸 쉽사리 해결되지 않는....튜터님의 도움으로 시도해본 몇 방안은 다음과 같다Windows Po.. 2024. 11. 1.
241031 TIL - 절대경로&상대경로 / 모듈 맛보기 / localStorage 오늘은 프로젝트 마무리! 각자의 작업물을 깃허브에 합치고 테스트하고 수정하고 하는 작업이 주를 이뤘당처음엔 감도 안 오고 혹시라도 팀 작업물을 망칠까 두려워서 조심스럽기만 했는데, 그래도 자신감이 좀 생겼는지 pull request도 보내고 merge도 해보고 성장하는 하루였다!대신 브랜치가 문어발 마냥 늘어난 건 비밀오늘 있었던 문제상황은 크게 두 가지로, 개인적으로 겪었던 이미지 파일 경로 문제, 그리고 팀적으로 겪었던 데이터베이스 연결 문제가 있다! 둘의 해결 과정 중에서 공부한 내용들을 오늘 TIL에 정리해보도록 하자. 절대경로&상대경로 개념, 모듈 개념, localStorage 개념이다.  절대경로 이미 지정돼 있어 변경이 불가한 경로. 다른 서버나 페이지의 이미지를 바로 연결시킬 때 사용한다... 2024. 10. 31.
241030 TIL - Math.random() / animate() 오늘은 거의 css 숫자 노가다를 하며 보냈지만...! 그래도 짤막짤막 새로 배워 활용한 녀석들이 많다! 사전캠프 때 랜덤 장애물 생성을 위해 시도했던 math.random을 다시 만났고, 피날레로 animate메서드에 대해 공부하며 하루를 마무리 했다! 하나하나 간단히 정리해보자 [ Script ]Math.random()Math로 시작하면 일단 수학적인 무언가인디(대문자 M임!!!), 여기서 random이 첨가되면 난수를 생성할 수 있게 됨인자를 입력하지 않은 기본 상태에선 0에서 1 사이의 난수를 생성하는데, 이때 1은 포함되지 않음출력값은 실수라서 범위 내의 값이 매우매우 많음!만약 범위를 설정하고 싶다면 "Math.random()*n"를 해주면 된다. 이 경우 "0 를 가짐 0말고 최소값을 설정하.. 2024. 10. 30.
241029 TIL - github 개념 / DOM과 JQuery 혼용문제 오늘은 모달 창 구현과 hover 기능 활용을 목표로 시작했고! 모달 창 구현에 거의 하루 종일을 쏟고 말았다....hover 활용은 잘 돼서 메인 화면에 몬스터볼과 사용자 간의 상호작용이 늘어나니 넘 좋았다!모달이 문제였는데.... 우선 github 관련 정리를 합시다! git 개념 정리git은 버전을 관리해주는 도구, github는 원격 코드 저장소개인 프로젝트 때 활용하는 명령어들론 init, add, commit, push 등이 있고, 협업 등에 주로 활용하는 명령어들론 clone, pull, branch, checkout, merge 등이 있음레포지토리는 폴더 같은 개념임브랜치를 잘 나눠 쓰는 것이 협업 효율을 올릴 수 있다!! 근데 어렵다!! 협업 루틴 각자 작업할 새 feature 브랜치들을.. 2024. 10. 29.
241028 TIL 시 작본 캠프 1주차 프로젝트는  팀 소개 페이지 만들기!웹 개발 역량이 필요한 프로젝트라 어느 정도까지 깊게 파고 들어야할지 고민이 많다...그래도 배운 것, 아는 것 내에선 최대한 활용하면서 연습하는 시간이 될 수 있음 좋겠다! 팀 회의포켓몬스터 게임의 도감을 모티브로 소개 페이지를 제작하기로 의견이 모였다.초기 화면에는 조원수 만큼의 몬스터볼이 있고, 그 몬스터볼을 클릭하면 상세 설명 화면이 보이는 식으로 설계하기로 했다생각하고 의도한 것들이 잘 나와주면 좋겠지만, 너무 매몰돼서 무리하진 않기로! 개인 연습오늘 처음 참여라 강의를 들으셔야 하는 조원 분들이 많아서 당장 프로젝트를 진행하긴 어려웠다. 아쉽지만 연습할 겸 개인적으로 구현이 가능하겠다 싶은 부분들을 재미삼아 코드를 작성해봤다. html과.. 2024. 10. 28.
241011 TIL SQLDATEDIFF()DATEDIFF(DATE(2024-10-01), DATE(2024-10-11))-- 정수형 10 출력DATEDIFF(a, b)라 하면, a날짜에서 b날짜를 뺀 일 수 를 알려줌. 정수형으로 출력 CURDATE()CURDATE()현재 기준 날짜를 알려줌. 날짜값으로 yyyy-mm-dd의 형태로 출력  LIMITSELECT 컬럼1FROM 테이블1 LIMIT 5SELECT 컬럼2FROM ( SELECT 컬럼2 FROM 테이블2 ) SubQ LIMIT 3LIMIT절은 조회할 데이터의 개수를 제한함. FROM절 제일 뒤에 붙음. 서브쿼리 있을 경우 그 서브쿼리의 Alias 뒤에.위 코드는 테이블1에서 컬럼1을 조회하는데, 상위 5개의 값만 가져온다는 의미 2024. 10. 11.

티스토리툴바