본문 바로가기

분류 전체보기120

Clone_Coding. Google (Like_a_Google) https://likeagoogle.netlify.app/ 구글 클론 코딩을 해보았다. 레이아웃은 간단했다. 하지만 평소 css를 홀대했던 나는 크게 디였다.. 최근에 많은 것을 배웠다. 레이아웃은 그냥 잡는게 아니라 섹션별로 구분하는게 내가 보기에도 편하다는 것을. # HEADER Google 정보 스토어 Gamil 이미지 apps 기타 Google 앱 및 제품 로그인 지금와서 생각해보니 apps-dropdown에 들어가는 a 태그 들을 ul태그로 묶어서 했을걸 그랬나 싶네요. css부분은 필요한 부분만 작성하고 생략하겠습니다! (너무 길어..) .container-menu .right-menu .apps-menu .apps-dropdown { position: absolute; background-c.. 2023. 4. 8.
마크다운 작성 방법 👀 소위 말하는 타이틀 작성 요령 제목 = # 제목 제목 = ## 제목 제목 = ### 제목 쉽게 설명하면 h1, h2, h3의 순서대로 #이 붙을 수록 타이틀의 폰트 크기가 작아진다. 문장 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세 대게 문장은 "닳도록" 뒤에 엔터쳐서 줄 바꿈 하면 위에 처럼 표시가 되지않고, "동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세" 이렇게 이어서 표시가 된다. (근데 티스토리는 안그런가봄..) (네이버 국어 사전) > 인용문 >> 인용문 >>> 인용문 >>> 인용문 >>> 인용문 (티스토리는 위 방식으로 인용문을 작성하면 밑에 처럼 나온다.) 인용문 (READEME에서는 아래와 같이 나온다.) 인라인 코드 강조 css에서 backgro.. 2023. 4. 7.
만들어 본 거 잡동사니 배포 https://d-day-calculator.netlify.app 첫 작품 디데이 계산기 https://simples-note.netlify.app 메모장 https://codingbear-lotto.netlify.app 로또 추첨 https://weather-bear.netlify.app 현재 날씨 예보 https://forecast-bear.netlify.app 단기 일기 예보 2023. 4. 4.
Javascript 문법. switch 열의가 식은건 아닌데 블로그에 정리하는 횟수가 적어졌달까.. 패스트캠퍼스 프론트엔드 부트캠프 2주차에 접어들었습니다. switch 조건문에는 if문 이외에 switch문이 있습니다. if문과 swich문은 조건을 충족할 때 실행됩니다. switch문은 하나 이상의 case문으로 구성됩니다. 대개 default문도 있지만, 이는 필수는 아닙니다. *참고자료 : MDN Web Docs - switch switch(조건) { case value1: // value1이 실행 될 때 문장 // ex. value1은 1이다. 맞으면 value1에서 종료, 아니면 value2로 넘어감 break; case value2: //value2가 실행 될 때 문장 break; . . . case valueN: // break.. 2023. 3. 30.

티스토리툴바