본문 바로가기

분류 전체보기100

TIL #10) git으로 협업하기 오늘은 예병수 튜터님의 git 심화특강을 듣고 실제로 조원들과 git 을 사용해보았다. 협업시작하기 팀장이 먼저 git 레파지토리를 생성해서 환경을 만들어야한다! 1. 파일 만들어 코드 작성하기 2. git 레파지토리 만들기 3. git init, git add, git commit -m "" 4. git 주소를 넣어 파일과 git orgin 연동하기 5. git push!! 6. collaborators 설정하기 7. git switch -c dev (로컬에서 dev브랜치 생성) 8. git push origin dev (github에 반영) 9. github에서 dev브랜치를 defalut 설정하기 ===> 이러면 팀장이 해야할게 끝난다. 팀원들은 git clone으로 로컬에 파일을 불러온다.(git.. 2024. 1. 9.
TIL #9) 자바스크립트에서 실행 컨텍스트 Today I Learned 실행 컨텍스트 실행 컨텍스트란 실행할 코드에 제공할 환경정보들을 모아놓은 객체이다. 자바스크립트는 어떤 실행 컨텍스트가 활성화되는 시점에 다음과 같은 일을 한다. 1. hoisting(선언된 변수를 위로 끌어올림) 2. 외부환경정보 구성 3. this 값 설정 => 이런 현상때문에 JS에서는 다른 언어와 다른 특징들이 나타난다. call stack 스택의 한 종류(stack: LIFO, 마지막에 들어간게 제일 먼저 나옴) 가장 위에 쌓여있는 컨텍스트와 관련된 코드를 실행하는 방법으로 코드의 환경 및 순서를 보장할수있다. 특정 실행 컨텍스트가 생성되는 시점이 콜스택의 맨 위에 쌓이는 순간을 의미한다. 현재 실행할 코드에 해당 실행 컨텍스트가 관여하게 되는 시점을 의미한다. 실행.. 2024. 1. 8.
TIL #8) 순수 JS를 이용해 fetch 사용하기 Today I Learned 이번 개인과제는 순수 자바스크립트만을 이용해 TMDB api를 사용한 영화검색 웹사이트를 만드는것이다. 웹개발 강의를 들으며 fetch를 사용하는 법을 배웠는데 이떄 혼동이 생겨 fetch사용시 무조건 jquery를 같이 써야 되는줄 알았다. jquery 없이 fetch 이용을 위해 여러가지 검색을 해보았으나 아무리봐도 명확하게 이거다 하는 답이 없었다. 이런 오류가 생긴 데에는 두가지 이유가 있다. 1. jquery를 사용해야 fetch를 이용할수있는줄 알았다.(jquery가 뭔지 잘 몰랐음) 2. fetch 연동이 잘 되었으나 html에 붙여넣을때 append를 사용하여 1번 이유에 대한 오해를 더 강화했음. (jquery를 빼면 작동이 안되어서..) append 를 바닐.. 2024. 1. 4.
TIL #7) 학습법 특강, 부트스트랩 card 사용법 Today I Learned 오늘은 유현승 매니저님의 학습법 특강을 들었다. 내가 공부를 잘 하고있는지, 이렇게 하면 되는지 고민이 있었는데 동기부여에 도움이 많이 된것같다. 매니저님 본인 이야기인지 아닌지 모를? 아는사람 얘기도 해주셨는데 중간중간 금쪽이짓도 하다(ㅋㅋㅋ) 결국 끝까지 하다보니 최종 프로젝트에서 좋은 결과를 냈다고 한다. 나만 잘 못하는것같고 뒤쳐지는것 같아도 결국 하면 된다! 개발자 지망생이 아니라, 지금부터 나는 개발자다라는 생각으로 공부하라고 하신게 기억에 남는다. 스파르타 캠프에서 내가 얻어야 할것 기술적 고민(문제 해결 능력!!) 단순히 이거 써봤어요가 아니라 프로젝트 진행과정에서 기술구현을 위해 이러한 고민을 했다. 그래서 이 선택이 합리적이고 효율적인 이유를 면접자를 설득한.. 2024. 1. 3.
TIL #6) 23.12.29 자바스크립트 기초문법 강의 중 첫번째 숙제 개인적으로 너무 힘들었다.. 처음엔 split도 들고왔다가 search로 "p" 또는 "y"를 찾아 반복문으로 돌린 후 거기서 true값이 몇번 나왔는지 세면 값이 나오지 않을까 해서 이런식으로 코드를 짰으나 잘 되지 않았다. 혼자 해결하고 싶었으나 결국 튜터님의 도움을 받았다. 결국 완성코드는 이거였고 막상 코드를 뜯어보니 내가 모르는 문법이 많았다. 정답을 보면서도 머리가 안돌아갔다... for문을 저렇게 써주면 console에 배열문으로 인식해준다. 간단하지만 이걸 몰라서 헤맸던 시간들이 길다 ^^.. 그리고 일치연산자(===)를 써주는게 정말 중요하다는걸 알았다. 단순하게 하나만 썼다가 코드 실행이 안되어 당황한적이 꽤 많았다. 2023. 12. 29.
TIL #5) JavaScript 기본 문법 Today I Learned ➰오늘의 회고 그동안 팀프로젝트 진행한 분들의 발표를 들었다. 사전캠프라해봐야 2~3주 미리 오신오신 분들일텐데 정말 많은걸 구현하신분들도 있어 놀라웠다.. 참관만 했을뿐인데 무섭기도하고 동기부여가 확실히 되는느낌! 내일부터는 새로운 팀으로 시작이다. 다시 아자아자 화이팅~! 2023. 12. 28.
TIL #4) Dbeaver로 left join, inner join, 피벗테이블 Today I Learned LEFT JOIN: A, B 테이블에서 공통적으로 겹치는 값을 조인한다. LEFT JOIN은 A테이블의 내용은 모두 다 가져오기 때문에 null값이 같이 표현될 수 있다. ex) 한국 음식의 주문별 결제 수단과 수수료율을 조회하기 (조회 컬럼 : 주문 번호, 식당 이름, 주문 가격, 결제 수단, 수수료율) * 결제 정보가 없는 경우도 포함하여 조회 select 조회 할 칼럼 from 테이블1 a left join 테이블2 b on a.공통컬럼명 = b.공통컬럼명 INNER JOIN: A, B 테이블 둘 다 공유하는 값을 조인한다. ex) 고객의 주문 식당 조회하기 (조회 컬럼 : 고객 이름, 연령, 성별, 주문 식당) * 고객명으로 정렬, 중복 없도록 조회 select 조회 .. 2023. 12. 27.
TIL #3) 기본 SQL문 * select 가져올 컬럼 입력 * from 테이블 선택 * where 자료 중에 필요한 것만 가져올수있도록 필터작업 * group by 셀렉트에서 가져온 컬럼중 그룹화 시킬 것 * order by 정렬기준 * if(조건,true일때 출력할 값, false일때 출력할 값) * select case when (조건) then when (조건) then else (조건) end * subSQL (a+b)*c의 경우 괄호 안 먼저 계산하는것 처럼 subSQL로 복잡한 계산을 subSQL 을 이용해 간단하게 만들어 줄 수 있다. 💨오늘의 회고 이전에 자격증 공부하면서 SQL을 작게나마 접했던게 도움이 꽤 되는것 같다. 힘내서 내일은 강의 끝까지 듣기! 2023. 12. 26.
TIL #2) 헷갈리는 jQuery의 개념, 그리고 CDN이 대체 뭔데.. jQuery 자바스크립트의 라이브러리 HTML이벤트 처리 등 다양한 기능을 부여한다. 단순히 자바스크립트만을 사용할때보다 훨씬 간단한 코드로 원하는 기능을 만들수있다. CDN CDN이란 content delivery network의 약자로 웹사이트의 접속자가 콘텐츠를 다운로드 할 떄 자동으로 가장 가까운 서버에서 다운로드 할 수 있도록 하는 기술이다. 전세계에 분산된 서버를 통해 정적인 콘텐츠를 빠르게 제공한다. 제이쿼리의 경우, CDN을 사용하면 사용자가 웹페이지를 열 때 해당 라이브러리를 사용할 수 있는 서버에서 바로 가져와 사용할 수 있게 된다. 구글, 마이크로소프트, 제이쿼리의 CDN 👽오늘의 회고 강의 들었던 내용을 복습했다. 강의들을때도 한숨쉬면서 하... 그래 이렇게 하면 되네💢하고 억지로 .. 2023. 12. 24.

티스토리툴바