Blinking Hello Kitty Angel

전체 글 79

프로그래머스 자바스크립트 문자열 출력하기

문제 문자열 str이 주어질 때, str을 출력하는 코드를 작성해 보세요. 제한사항 1 ≤ str의 길이 ≤ 1,000,000 str에는 공백이 없으며, 첫째 줄에 한 줄로만 주어집니다. 입출력 예 입력 , 출력 #1 HelloWorld! HelloWorld! 정답 const readline = require('readline'); const rl = readline.createInterface({ input: process.stdin, output: process.stdout }); let input = []; rl.on('line', function (line) { input = [line]; }).on('close', function () { const str = input[0]; console.l..

프로그래머스 2023.06.20

포트폴리오 효과 추천 ! 패럴렉스 이펙트

안녕하세요 ヾ(≧▽≦*)o 오늘은 포트폴리오에 넣기 좋은 효과들로 만든 패럴렉스 효과 06번을 만들어 보도록 하겠습니다! 다양한 css 기능들이 있으니 한 번 적용해 보시면 멋진 포폴이 완성될 것이라 생각합니다 ! 🍕 🧇 완성화면입니다. HTML 01 section01 결과도 중요하지만, 과정을 더 중요하게 생각한다. 02 section02 우리 모두는 인생에서 만회할 기회라 할 수 있는 큰 변화를 경험한다 03 section03 다음에 벌어질지 모를 장벽을 걱정하여 미래를 향한 걸음을 멈춰선 안된다. 04 section04 나 스스로가 풍요로운 사람이 되려 노력해야 한다 05 section05 자신에 대한 평판은 신경쓰지마라 06 section06 이상과 꿈을 버리지 마라 07 section07 명사형..

카테고리 없음 2023.05.17

Programmers school 자바스크립트 문제풀이 1번 몫 구하기

안녕하세요 ヾ(≧▽≦*)o 오늘은 Programmers school 자바스크립트 문제풀이 1번을 풀어보도록 하겠습니다 ! https://school.programmers.co.kr/learn/challenges?order=recent&languages=javascript 이 사이트에서 푼 문제입니다 🍊 01. 몫 구하기 Q. 정수 num1, num2가 매개변수로 주어질 때, num1을 num2로 나눈 몫을 return 하도록 solution 함수를 완성해주세요. function solution(num1, num2) { var answer = 0; return answer; } 내가 푼 코드 function solution(num1, num2) { var answer = ~~(num1/num2); retu..

카테고리 없음 2023.05.16

리액트 정리하기

REACT란 무엇인가 ! React는 페이스북에서 개발한 자바스크립트 라이브러리로, 사용자 인터페이스를 만들기 위해 사용됩니다. React는 컴포넌트 기반 아키텍처를 사용하며, 각 컴포넌트는 자체적으로 동작하며 다른 컴포넌트와 결합하여 전체 애플리케이션을 구성합니다. React는 가상 DOM (Virtual DOM)을 사용하여 성능을 최적화합니다. 이는 변경된 부분만 실제 DOM에 반영하여 전체 페이지를 다시 렌더링하는 것보다 더 빠르게 업데이트할 수 있도록 합니다. React는 또한 JSX라는 자체 문법을 사용하여 자바스크립트 코드 안에 HTML과 유사한 구문을 작성할 수 있도록 합니다. REACT 설치하는 방법 Node.js 설치 https://nodejs.org/ko React 애플리케이션을 개발하..

카테고리 없음 2023.05.11

정보처리기사 / 기능사 문제풀이 오답노트

💫 정보처리기사 01 { let num = [1,2,3,4,5]; let sum = 1; function func(arr){ for(let i=0; i0 || x0 || x0이 true이므로 전체 표현식은 true가 됩니다. || 연산자는 두 개의 피연산자 중 하나라도 true이면 결과값으로 true를 반환하기 때문입니다. 시프트 연산자를 계산하면 1을 10진수로 바꾸면 0001입니다. 거기에 오른 쪽으로 0을 두 개 붙이면 000100이 됩니다. 여기서 네 개씩 끊어 읽으면 0100이 되므로 답은 4 입니다. x를 & 연산자로 2와 계산하면 0이 됩니다. x를 3으로 나눈 나머지 값은 1입니다. 따라서 답은 false true 4 0 1 입니다. 03 { let a = func(4); for(let i..

gameEffect01 뮤직 플레이어 만들기

안녕하세요 ヾ(≧▽≦*)o 오늘은 저번에 만든 사이트를 기반으로 뮤직플레이어를 추가해 주도록 하겠습니다 ! 하나만 추가했는데도 엄청나게 많은 코드를 작성해주어서 당황 !! 했지만 내가 해냄 😏 저번에 했던 코드에서 html은 건들지 않고 json파일을 작업해 주었습니다 ! 소스들은 마지막 git 페이지에서 확인하실 수 있습니다. 💛 완성화면입니다. 플레이 버튼을 누르시면 노래가 나옵니다 🎧🤍 json파일 const allMusic = [ { name : "1. 바닷가", artist : "darin", img : "music__view001", audio: "music_audio01" }, { name : "2. 바닷가", artist : "darin", img : "music__view002", aud..

javascript 2023.04.27

PHP로 게시판 사이트 만들기 2

안녕하세요 ヾ(≧▽≦*)o 오늘은 mysql을 이용해 php 작업으로 게시판 사이트를 만들어 보도록 하겠습니다. 게시판 사이트에서 총 페이지 갯수를 나누고 , 닷버튼으로 갯수와 처음, 마지막으로 이동과 현재 페이지에 active 설정해 표시해주는 기능까지 해주도록 하겠습니다 ! mamp를 켜신 상태에서 작업해 주셔야 사이트가 열립니다 ! 💛 완성화면입니다. 세션 체크하기 로그인이 돼 있는 지 확인하는 코드로 $_SESSION['memberID']가 설정 돼 있지 않으면 로그인 페이지로 이동합니다. 따라서 해당 코드를 사용하는 페이지는 로그인이 필요한 페이지 입니다. borderModify.php

MySQL 2023.04.26

PHP로 게시판 사이트 만들기

안녕하세요 ヾ(≧▽≦*)o 오늘은 mysql을 이용해 php 작업으로 게시판 사이트를 만들어 보도록 하겠습니다. 제가 중요하다고 생각하는 부분만 설명드리도록 하겠습니다. board 파일을 따로 만들어서 여러 경우의 수를 전부 작업해 주도록 하겠습니다 😏 mamp를 켜신 상태에서 작업해 주셔야 사이트가 열립니다 ! 게시판 게시판 글 수정 - 수정본 저장 게시판 글 삭제 (검색은 아직 작업하지 않았습니다.) 게시글 보기 게시글 작성 작성글 저장 순입니다. 1️⃣ 메인 게시판

MySQL 2023.04.25

gameEffect01 애니메이션 구현하기

안녕하세요 ヾ(≧▽≦*)o 오늘은 자바스크립트를 이용해 gameEffect01을 만들어보도록 하겠습니다. 기능은 마우스 커서 바꾸기 , 시간 구현 , OS 크기 구현 기능을 추가해 넣어주었습니다. gsap, jquery도 사용해 주었습니다 ! 🙌 💛 완성화면 입니다. 마우스 커서를 이용해 폴더를 이동시키면 마우스 커서 색도 그에 맞춰 변경됩니다 . 우측 상단엔 현재 날짜와 시간이 표시 돼 있고, 하단엔 운영체제 정보가 나와 있으며 파일을 끌어당길 수 있고 파일을 끌어당길 때 마우스 커서의 색상이 파일과 동일한 색깔로 변경됩니다 ! 폰트는 마이쮸체, import로 폰트어썸에서 가져왔습니다 !!! HTML 🎮Yuna Game World🎮 2023-04-24 09:37 15s 완성화면 헤더에 들어갈 멘트와 t..

javascript 2023.04.24

팀프로젝트 앱 메인 구상하기

팀프로젝트 메인 구상 피그마 작업입니다 ! 아래 링크들의 메인 이미지를 참고하며 작업해 보았습니다 😎😊 애플 :https://www.apple.com/kr/store?afid=p238%7CsiADh6hbK-dc_mtid_18707vxu38484_pcrid_650480254001_pgrid_16348496961_pntwk_g_pchan__pexid__&cid=aos-kr-kwgo-Brand--slid---product- Apple Store 온라인 Apple Store의 모든 매력이 온라인에서도 그대로. 지금 새 제품을 구입하거나 보상 판매 크레딧, 개인 쇼핑 지원, 유연한 결제 옵션, 전문가의 도움 등 모든 혜택을 누리세요. www.apple.com 필리 :https://pilly.kr/ 맞춤영양제 필리..

HTML 2023.04.23