본문 바로가기

코딩30

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.
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.
JavaScript 문법. do while(ver. 수정1) 각설이 죽지도 않고 돌아왔습니다. do...while 테스트 조건이 거짓으로 평가될 때까지 지정된 구문을 실행하는 루프를 만듭니다. 단, 구문이 실행된 뒤에 테스트 조건이 평가됨으로 구문은 무조건 한 번은 실행됩니다. *참고자료 : MDN Web Docs - do while 일단, 설명만 봐서는 while문이랑 크게 차이는 보이지 않는거 같다. 다만 실행순서가 조금 다른데 do{ //구문 } while (//조건식); 구문 테스트 조건이 참일 때마다 한 번이상 실행되는 구문입니다. 만약 루프 내에서 여러 구문을 반복 실행 시키고 싶으시다면, 다음 명령을 사용합니다. block 구문을 활용하여 ({ ... }) 이런 식으로 그룹화합니다. 조건식 루프가 실행될 때마다 평가되는 식입니다. 만약 조건식이 참으로.. 2023. 3. 20.