합니다, 개발공부📝 합니다, 개발공부📝

리액트 프로젝트는 처음이라 😅 따라하기 시작! https://www.youtube.com/watch?v=I2UBjN5ER4s&t=411s 아이콘이나 다운받을 자료들은 영상에 자세히 나와있다. fontAwesome CDN은 여기서서 바로 복사해서 적용할 수 있다! https://fontawesome.com/how-to-use/customizing-wordpress/snippets/setup-cdn-webfont Font Awesome The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options. fontawesome.com 1.index.html 구글 폰트와 fonta..

자바스크립트 날씨앱 만들기 ☀️ https://www.youtube.com/watch?v=wPElVpR1rwA&t=449s 영상에서 보여주는 API가 사이트가 막히는 바람에 😭 걱정했는데, 역시 댓글 요정님들. 대체안을 올려주셨다! 날씨정보관련 API는 여기서 대체할 수 있다. https://openweathermap.org Сurrent weather and forecast - OpenWeatherMap Access current weather data for any location on Earth including over 200,000 cities! The data is frequently updated based on global and local weather models, satellites,..

정말 처참한 다이나믹 프로그래밍... 꼭 다시 봐야한다. 😭 8.1) 1로 만들기 #include #include #include using namespace std; int x; int dp[30001] = { 0, }; int main() { cin >> x; //dp[1]=0이므로 2부터 시작한다. (보텀업) for (int i = 2; i > k; food.push_back(k); } d[0] = food[0]; d[1] = max(food[0], food[1]); //다이나믹 프로그래밍 (보텀업) for (int i = 2; i < food.size(); i++) { d[i] = max(d[i - 1], d[i - 2] + food[i]); } cout n; d[0] = 0; d[1] = 1; ..

7.1_1) 부품 찾기 (이진탐색 이용) #include #include #include using namespace std; int n, m; vector items; vector order; int binarySearch(int Left, int Right, int number) {//이진탐색 재귀함수 이용 if (Left > Right) return 0;//끝까지 갔는데 없으면 0 리턴 int mid = (Left + Right) / 2; if (items[mid] == number) {//찾으면 1리턴 return 1; } else if (items[mid] < number) {//범위에 없다면 범위를 다시 정해서 탐색 binarySearch(mid + 1, Right, number); } els..

6.1) 위에서 아래로 #include #include #include using namespace std; bool compare(int a, int b) { return a > b; } int main() { int n; cin >> n; vector arr; for (int i = 0; i > m; arr.push_back(m); } sort(arr.begin(), arr.end(), compare); for (int i = 0; i score < other.s..

버튼 누름에 따라서 사용자의 게임결과 변화 만드는 것이 주된 목적이다. 1. 계산 결과에 따라서 점수판 변경하기 2. 승리여부에 따른 멘트 변경하기 3. 승리 여부 빛으로 나타내기 1. index. html 끝에 자바스크립트 script문장을 추가했다. Rock Paper Scissors user comp 0 0 Paper covers rock. You win! Make your move. 2. styles.css 결과에 따라서 빛을 추가하기 위해서 glow 영역을 마지막에 추가했다. (!important대신에 맨 아래에 추가했음) @import url('https://fonts.googleapis.com/css2?family=Asap:wght@500;700&display=swap'); * { margi..

두번째 간단한 javascript 프로젝트는 가위바위보 만들기 https://www.youtube.com/watch?v=jaVNP3nIAv0&list=PLFD11aY4Ji8zbIVKINO1NsNCsM_YUhc_N&index=24 사진은 폴더에 images파일에 따로 저장해놓았다. 아이콘 파일이 따로 첨부되어 있지 않아서 댓글을 보니 어떤 사람이 아이콘 받을 수 있는 사이트를 첨부해 주었다. 👍 https://icons8.com Download 158k Free Icons + Illustrations, Photos, and Music Download design elements for free: icons, photos, vector illustrations, and music for your videos..

버튼의 전체적인 디자인을 완성했다면, 버튼 클릭시에 일어나는 계산과 화면상의 출력물을 javascript를 이용해서 설정한다. 1. 수식 버튼을 눌렀을 때 올바른 계산이 작동할 것 2. '.'을 누르거나 = 을 누르거나 ac, del 버튼 작동시 각각의 기능을 수행할 것 3. 화면상 보이는 숫자 3자릿 수 만다 ','가 찍히도록 숫자인식 방식을 줄 것 1. index.html AC DEL ÷ 1 2 3 * 4 5 6 + 7 8 9 - . 0 = 2. styles.css *, *::before, *::after { box-sizing: border-box; font-family: Arial, sans-serif ; font-weight: normal; } body { padding: 0; margin: 0..