본문 바로가기 메뉴 바로가기

Algoroot's space

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

Algoroot's space

검색하기 폼
  • 분류 전체보기 (118)
    • Python (2)
    • Frontend (4)
      • NextJS (2)
      • React (9)
      • React-native (8)
      • Typescript (0)
      • JavaScript (18)
      • Html&CSS (5)
      • Projects (5)
      • JASON (1)
      • ToyProject (6)
    • git (10)
      • monorepo (2)
      • action (0)
    • Network (6)
    • 알고리즘 (26)
      • 백준-BACKJOON (4)
      • 프로그래머스-Programmers (17)
      • leetcode (1)
      • 자료구조 (4)
    • 회고 (5)
    • Server (1)
    • 항해99 (5)
    • CS (Computer science) (10)
  • 방명록

css (4)
[Git-Github] Github 디렉토리에 화살표 표시, 눌리지지 않음 문제.

문제 상황 오늘도 오류를 하나 겪었다. Git에 Push는 성공했으니 이제 하고 싶은 게 더 생겨버렸다. 어제 글에 썼던 것 같은데 폴더를 여러 개를 관리해서 상위 폴더 경로로 올리고 싶었다. 우선, 이게 가능한 지부터 알아봤어야 했는데 찾아보니까 가능한 것 같아서 시도해봤다. '폴더를 넣고 싶으면 상위 폴더 경로로 넣어라' 라고 해서 우선 넣고 싶은 폴더를 정리했다. 그래서 Git-HTML_CSS폴더로 경로를 지정해 push를 시도했다. 그런데 디렉터리에 이런 폴더에 화살표가 생기면서 폴더가 클릭이 안됐다. 터미널을 다시 보고 애초에 커밋이 되지 않았던 걸 확인했다. 이해가 되지 않았다. 설마 내가 폴더를 너무 많이 만들었나? 상위와 하위 폴더 하나씩만 되는 건가? 하는 의문이 들어서 구글링을 '깃허브..

git 2022. 1. 6. 20:33
html, css Responsive header 역시나 오늘도 있었던 issue

오늘도 Ellie님 강의를 보며 만들었다. 아예 처음부터 시도해보기는 어려워서 영상을 한 번보고난 후 코드를 쳤다. 한 두 번정도 쳤더니 술술쳐지는 수준이었다. 하지만 오늘은 두 가지의 issue가 있어서 해결하는데 또 시간이 걸렸다. 1. css에서 class가 아닌 태그를 .으로 명명했다. body 와 a 태그에서 전체적으로 수정할 것이 있어서 명령을 했는데 반영이 안되었다. 한참 뭐가 잘못 됬는지 보면서도 못찾다가..한 30분정도 후에 찾아냈다. .body { } .a { } 이런식으로 쳤다. 이 것도 처음에는 이상한줄도 모르고있다가 보다보니까 '어? body와 anchor tag는 class 가 아닌데..?'라는 생각이 들고 깨닫게 되었다. 2. JS에서 event 오류 사실 JS는 아직 배우지도..

Frontend/Html&CSS 2022. 1. 4. 21:35
CSS Flexbox

(220104_화) 유투버 엘리님이 알려주신 사이트를 참고해 공부했는데 확실히 게임을 하면서 하니 이해도 잘되고 재밌었다. 이제 막 공부하시는 분들께 강력 추천한다. https://flexboxfroggy.com/#en Flexbox Froggy A game for learning CSS flexbox flexboxfroggy.com 총 24문제인데 헷갈리거나 모르는 경우에는 https://css-tricks.com/snippets/css/a-guide-to-flexbox/ 이곳에서 참고하며 풀어보는 게 좋을 것 같다. 나의 경우에는 24번 빼고는 다 풀었는데 24번에서 놓쳤던 부분은 아래와 같다. 조금 고민하다가 답을 참고하였다. 재밌기는 하지만 나는 배울게 너무 많기 때문에 이런 것에 괜한 오기를 가..

Frontend/Html&CSS 2022. 1. 4. 11:05
CSS selector

Selector practice : https://flukeout.github.io 엘리님이 강의에서 소개해주신 실렉터 연습 게임이다. 총 32문제인데 저번에 한 번 해봤을 때는 감이 잘 안 왔는데, 한 번 더 해보니까 이해는 어느 정도 확실히 된 것 같다. 이해하기 General sibling combinator (A ~ B) Adjacent sibling combinator (A + B) 셀렉터 게임을 하던 중, 둘 차이가 잘 구분이 가지 않아 더 찾아봤다. 나는 General 은 A 밑의 모든 B, Adjacent는 A 다음에 오는 B라고 해석했다. 관련 링크 : https://developer.mozilla.org/en-US/docs/Web/CSS/General_sibling_combinator ..

Frontend/Html&CSS 2022. 1. 3. 12:10
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • network
  • javascript
  • 알고리즘자바스크립트
  • 클로저
  • 모두를위한컴퓨터과학
  • React Query
  • css
  • 프로그래머스
  • 리액트
  • 리액트네이티브
  • reactquery
  • 타입스크립트
  • 자바스크립트
  • React
  • 자바스크립트 비동기 처리
  • 항해99
  • github
  • GIT
  • 모두를 위한 컴퓨터 과학
  • 자바스크립트 클로저
  • 네트워크
  • cs50
  • html
  • 자바스크립트알고리즘
  • 프로그래머스 자바스크립트
  • python
  • 프로그래머스 베스트앨범 자바스크립트
  • 백준
  • 무한스크롤
  • 실전프로젝트
more
«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바