JavaScript35 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. 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. 어후..갑자기 기상api에 꽂혀서 기상 api에 꽂혀서 이런 저런 api찾다가 결국 돌고 돌아 openweather api를 이용해서 뻘짓을 좀 했습니다.. 처음엔 그냥 현재 날씨웹앱을 만들었고, 두번째는 단기 예보 웹앱을 만들었습니다. https://weather-bear.netlify.app/ Document weather-bear.netlify.app 현재 날씨 웹앱이고, 이걸 바탕으로 만든게 https://forecast-bear.netlify.app/ OpenWeather Forecast forecast-bear.netlify.app 3시간 마다 변경되는 5일 짜리 단기 예보 웹앱입니다. 해외 날씨 api를 써서 그런지 기상청에서 보는거랑 조금 안맞는거 같긴한데 json파일 열어서 보면 맞게 잘 동작하는거 같습니다. 이런저런 하.. 2023. 3. 15. 이전 1 2 3 4 5 6 7 8 9 다음
