본문 바로가기

전체 글402

2024-04-25 자바스크립트 개인과제 4일차 Git, GitHub 사용법 학습 주말에도 계속 작업하고 싶으나, 경사가 있는 관계로 이틀 동안 외박이 불가피하여 git 사용법에 대해 익혔다. 곧 팀 프로젝트가 시작되는 관계로 git flow를 학습할 예정이다. 아래는 오늘 배운 git과 관련된 내용들.https://infistudy.tistory.com/187 GIt과 GitHub 사용 총정리Git을 사용하는 이유코드를 백업하고 이전 버전으로 되돌리기 위함. (버전기록/관리)Git 설치 방법Git windows 검색 후 설치.선택 옵션 체크 두 가지Use Visual Studio Code as Git's default editiorOverride the defaultinfistudy.tistory.com 자바스크립트 문법 학습 내용 map을 통해 배.. Programing/TIL 2024. 4. 25.
2024-04-24 자바스크립트 개인과제 3일차 오늘 배운 것div를 남발하는 것보다는 적절한 semantic tag를 사용하는 것이 좋다.코드 가독성 면에서나 SEO 최적화 등에서 유리한 것은 이미 알고 있었지만, 자바스크립트로 document를 통제할 때 간단한 경우 div 태그 자체를 수정하는 방법도 있겠으나, div를 남발한 경우 의도하지 않은 부분까지 수정되었음.api를 fetch로 받아온 경우 .then 외부에서는 api에 접근할 수 없다. 이 경우 async와 같은 비동기 함수를 사용해야 한다.아직 자바스크립트 입문 3일차로 then 안에서 코드를 작성 중이다. 계속 진도를 나갈 예정이다.api를 받아와 정보를 가공하는 경우 forEach 반복문이나 map 메서드가 자주 사용된다.의도했든 의도하지 않았든 map 메서드와 forE.. Programing/TIL 2024. 4. 24.
2024-04-23 자바스크립트 개인과제 2일차 영화 API 받아와 필요한 정보만 카드 형태로 출력시키기 전체 코드 // 영화정보 api const options = { method: "GET", headers: { accept: "application/json", Authorization: "Bearer eyJhbGciOiJIUzI1NiJ9.eyJhdWQiOiI2YzhlYWZkZjBlMjA3NGVhMjBjYzQ4YWQ4OTdkOTNiMCIsInN1YiI6IjY2MjYyNTc3MjU4ODIzMDE3ZDkyYWMyZiIsInNjb3BlcyI6WyJhcGlfcmVhZCJdLCJ2ZXJzaW9uIjoxfQ.VvbVqzpDWzP2q2o0zUPPI46p6l9xcHP84V4FVLj983k", }, }; fetch( "https://api.themoviedb.or.. Programing/TIL 2024. 4. 23.
2024-04-22 api 받아오기 오늘 배운 것 api 키를 발급받아 아래와 같은 형태의 스크립트를 발급 받았다. const options = { method: "GET", headers: { accept: "application/json", Authorization: "Bearer --------------ZkZjBlMjA3NGVhMjBjYzQ4YWQ4OTdkOTNiMCIsInN1YiI6IjY2MjYyNTc3MjU4ODIzMDE3ZDkyYWMyZiIsInNjb3BlcyI6WyJhcGlfcmVhZCJdLCJ2ZXJzaW9uIjoxfQ.VvbVqzpDWzP2q2o0zUPPI46p6l9xcHP84V4FVLj983k", }, }; fetch( "https://api.themoviedb.org/3/movie-------ge=en-US&page=.. Programing/TIL 2024. 4. 22.
2024-04-19 1주차 미니 팀 프로젝트 회고 Programing/TIL 2024. 4. 19.
2024-04-18 내 이름은 코난 2024-04-18 내 이름은 코난 내가 가져온 CSS이다. 미니 팀 프로젝트를 진행하면서 나는 헤더와 내비게이션(방명록 버튼) 제작을 맡았다. 그런데 CSS를 백지 상태에서 처음부터 짤 능력이 되지 않아 인터넷에 돌아 다니는 적절한 CSS를 골라 우리 조의 컨셉 '치킨'에 맞게 수정해나가는 과정을 계속 거쳤다. 그런데 문제는 가져다 쓴 CSS가 그리 길지 않음에도 작동 원리와 왜 이렇게 사용했는지 그 원리를 쉽게 파악하지 못했다. 검색을 통해 해결해보려고 했지만 잘 이해가 되지 않았다. 예를들어 .mainSLogun::before, .mainslogun::after {} 이와 같은 가상요소 자체가 이해가 되질 않았고, 위 가상 요소는 로고에 마우스를 올렸을 때 (hover) 위 아래로 라인이 가운데에서.. Programing/TIL 2024. 4. 18.
메인 브랜치를 내 브랜치와 동기화 시키기 (rebase) https://doing7.tistory.com/7 [GIT] main의 변경사항 적용시키기 rebase 서로 다른 두 브랜치를 병합시키는 명령어는 두가지가 있다. merge와 rebase. main에 내가 작업한 브랜치를 적용시킬 때는 merge를 주로 사용한다. 하지만 내가 작업한 브랜치에 main을 적용시킬때는 어 doing7.tistory.com git checkout main git rebase sub Programing/Git 2024. 4. 18.
2024-04-17 집단지성의 실현, 첫 문제 해결 GitHub 각자의 Branch로 작업한 결과물을 Main 브랜치에 바로 push하는 방식이 아닌 Merge 후 코드 리뷰 과정까지 거쳐 모두가 함께 오류를 성공적으로 잡아냈다. 각자 코드를 작성하는 것은 크게 어렵지 않으나 Git을 사용하는 과정에서 어려움이 많이 있는 듯하다. 나 역시도 코드를 작성하기도 전에 이미 지쳐서 포기할 뻔했다. 조원들이 모두 동시에 작업을 이어나가고 있는 상태에서 index.html, 즉 main 브랜치에 기능은 계속 추가가 되고 있는 상황에서 내 브랜치는 너무 과거의 파일들이라 더 이상 필요가 없어졌는데, main 브랜치에 있는 가장 최신화된 파일을 불러오고 싶었으나 이를 해결하지 못해 2시간 동안 아무 작업도 하지 못하고 구글링만 했다. 한 두 개가 아닌 여러 개의 방법.. Programing/TIL 2024. 4. 17.
터미널 한글 깨짐 오류 수정 방법 원문 [PowerShell] - 파워쉘을 이용할때 한글깨짐현상 해결방법 PowerShell 을 이용해서 Git 로그를 알아오기 위한 명령어를 실행 중, 한글이 깨지는 현상이 발견되었습니다. 인터넷을 찾아보니, 빈번하게 발생하는 부분인거 같아서 정리해보았습니다. 1. 출력에 holjjack.tistory.com 터미널에서 git log나 git status로 이력 출력 시 한글이 '쇱꽍뜻옄'과 같이 깨지는 현상 발생. UTF-8 설정, chcp 설정 등 수많은 방법을 사용해봤지만 해결되지 못하고 위 원문에서 세번째 방법인, 변수 이용시 한글 깨짐에 나온 명령어를 붙여넣기 하니 문제가 해결됨. [System.Console]::OutputEncoding = [System.Text.Encoding]::UTF8 Programing/Git 2024. 4. 17.
2024-04-16 정확하게 쓸 거면 TIL은 시간낭비다 내일배움캠프에서 Git 특강은 총 2회차로 구성되어 있고 4월 15일 어제 1회차를 수강하였고 오늘은 TIL 특강을 수강하였다. 먼저 제목은 오해가 있을 수 있지만 제목의 정확한 의미를 후술한다. 간단히 이야기 하자면 머리털 나고 처음 듣는 프로그래밍 용어들을 정확히 내뱉는 입문자는 제대로 공부하고 있는 것이 아닐 수도 있다고 생각한다. 그저 누군가 내 글을 보진 않을까 걱정하며 강의나 교육자료에 있는 명칭이나 문구를 그대로 옮겨적은 것일 확률이 높다고 생각한다. 물론 정확히 이해해서 그렇게 적은 거면 정말 훌륭한 인재겠지만 나의 경우에는 그렇지 않다. 내가 잘못 이해했으면 잘못 이해한대로 작성하는 것이 맞다고 생각한다. 그래야 내가 공부했던 흔적을 제대로 기록할 수 있다고 생각한다. Git 특강 1회차.. Programing/TIL 2024. 4. 16.

티스토리툴바