열심히 살고 싶어

코딩이 처음이어도 쉽게 배우는 웹개발 A to Z 1-11) [추억앨범] 프로젝트1 배경 이미지 설정할 때 3줄 무조건 사용한다고 보면 됨. background-image: url(이미지 url 주소) background-position: center -> 이미지를 가운데로 정렬해줌. background-size: cover -> 이미지를 화면에 딱 맞게 맞춰줌. -> 이정도가 많이 쓰이는 CSS 요소들이라고 보면 됨. display: flex / flex-direction: column / align-items: center / justify-content: center - 클래스에 포함된 요소 나타낼때 .mytitle > button 이렇게 써주면 mytitle 클래스 하위에 있는 버튼을 나타냄. -..

코딩테스트 연습 - ⑴ 몫 구하기 아는 언어가 없어서 파이썬으로 풀어봄 맞는 지 모르겠지만 코드 실행 누르니 테스트 2개 중 2개 성공이라고 나왔음. 성공한건가 ..? 제한 사항에 있는 숫자 범위를 적용하기 위해서 매개변수를 input으로 받아주고 if 문으로 숫자 범위를 적용시킴 근데 대문짝만하게 틀렸나고 나옴 ㅋㅋㅋㅋㅋㅋ 그래서 다시 처음 답안대로 적었더니 정답이라고 나온다 .. 본격 내가 멍청해지는 시간 코딩테스트 이거 하다 보니 강의가 너무 듣고 싶음 코딩테스트 연습 - ⑵ 최빈값 구하기 이번 문제는 배열에서 최빈값을 구하는 것. 최빈값 구하는 코드는 모르기 때문에 바로 검색해봄. 우선 파이썬을 이용하여 최빈값을 구하려면, collections 모듈의 Counter 클래스를 알고 있어야 함. 첫 ..

[스파르타 코딩클럽] 웹 퍼블리싱 정복반 2주차 2-3) 폼 태그 입력과 실습 -> 폼 태그 fieldset은 서로 관련이 있는 것들을 묶을 때 사용. 서로 관련이 있는 것들이 legend라는 태그로 묶여 있음. 폼 태그 사용할 때 원래 사용법 : form > filedset > legend 상황에 따라 다른 태그들도 사용 가능. ▼ 위의 코드 실행화면 코드 앞에 느낌표 두 개를 붙여주면 boolean 값으로 출력 가능. 2-4) 네이버 검색창 만들기 - 구조 설계 2-5) 네이버 검색창 만들기 - 스타일링 주석처리 하는 법 : ctrl + / display : absolute; 를 사용하면 기준점을 두고 div의 위치를 잡을 수 있음. 코드를 다 외 필요는 없고 전체적인 이해 후에 짜여있는 코드를 사용..

[스파르타 코딩클럽] 웹 퍼블리싱 정복반 1주차 1-1) 수업 목표 1. 퍼블리싱의 기초 개념에 대해 이해 2. HTML CSS JS 기초 개념에 대해 이해 3. 개발자 도구 사용 방법 이해 마크업 : HTML로 뼈대 만들기 스타일링 : CSS로 스타일 만들기 부가 기능 : JS로 화면이 휙휙 전환되는 등 움직임을 줌 1-6) CSS 트랜지션(애니메이션) 개념과 실습 -> class 이름을 연달아 써주면 button과 use-css 클래스를 동시에 갖고 있는 div를 호출해줌. 버튼 세 개를 만들어서 스타일 주는 방식 비교해보기 1. css의 hover를 통해 끝 점을 생성하여 애니메이션 부여. 2. 마우스가 올라가면 스타일을 부여. 3. 마우스가 올라간 경우(hover) .on이라는 클래스를 부여하여 ..

javascript handbook 정리 ✏ Part 4. 함수 Ⅱ. 함수 표현식 01. 함수 표현식(Function Expression) let sayHi = function() { alert( "Hello" ); }; -> 함수가 변수에 할당됨. 위 예시에서는 함수가 변수 sayHi에 저장된 값이 되었음. 함수는 값이고 변수에 할당될 수 있음. function sayHi() { alert( "Hello" ); } alert( sayHi ); // 함수 코드가 보임 -> 마지막줄에서 sayHi 옆에 괄호가 없기 때문에 함수는 실행되지 않음. (어떤 언어에서는 괄호 없이 함수 이름만 있어도 함수가 실행될 수 있지만, JS에서는 괄호가 있어야만 함수가 호출됨) 함수는 본질적으로 '값'임. 따라서 변수를 복..

이제까지 나름 배운 것들 정리해서 쓴다고 했는데, 여태 내가 쓴 것은 WIL 에 더 가깝다는 것을 알게 되었다 .. TIL(Today I Learned)은 매일매일 써야 한다는 것 ..! javascript handbook 정리 ▼ JS 핸드북 https://nbcamp.gitbook.io/javascript-handbook/ Part.01 Hello World - javascript handbook 이번 주차는 개개인의 목표가 다를 수 밖에 없습니다. 긴 항해 기간동안 결국 만나게 되어 있지만, 지금과 같이 첫 주차에는 아주 약간의 시간과 경험의 차이가 큰 수준의 차이로 나타납니다. 3,0 nbcamp.gitbook.io Part 4. 함수 Ⅰ. 함수 01. 함수 선언(function declarat..

8/28 월 ▼ 자바스크립트 핸드북으로 예습(?)하기 ! https://nbcamp.gitbook.io/javascript-handbook/ Part.01 Hello World - javascript handbook 이번 주차는 개개인의 목표가 다를 수 밖에 없습니다. 긴 항해 기간동안 결국 만나게 되어 있지만, 지금과 같이 첫 주차에는 아주 약간의 시간과 경험의 차이가 큰 수준의 차이로 나타납니다. 3,0 nbcamp.gitbook.io 8/29 화 (1주차) HTML 기본 구조 익히기, CSS 적용하기. 부트스트랩 사이트를 이용하여 CSS 다양한 스타일 쉽게 적용하기 ▼ 부트스트랩 사이트 https://getbootstrap.com/docs/5.3/getting-started/introduction..