코린이 공부장

1. https://www.giuligartner.com/about (프로필사진 넘어감) 💬 About me — Giulia Gartner Giulia Gartner (@giuligartner) is an outdoor, travel, and commercial photographer, filmmaker, and storyteller from the Dolomites in northern Italy. www.giuligartner.com 2. https://selfaware.studio/ (메뉴 선택방식, 화면넘김) Self Aware | Design & Technology Studio Philadelphia-based design and technology studio that brings brands..

예제풀기 문제 머쓱이네 양꼬치 가게는 10인분을 먹으면 음료수 하나를 서비스로 줍니다. 양꼬치는 1인분에 12,000원, 음료수는 2,000원입니다. 정수 n과 k가 매개변수로 주어졌을 때, 양꼬치 n인분과 음료수 k개를 먹었다면 총얼마를 지불해야 하는지 return 하도록 solution 함수를 완성해보세요. 📝정답 function solution(n, k) { if(n>=10){ k-= ~~(n/10) } return 12000*n + 2000*k; } 해석 이 함수는 두 개의 매개변수 n과 k를 받습니다. 함수 내부에서는 조건문을 사용하여 n이 10 이상인 경우에 k의 값을 변경하고 있습니다. 🎈~~ 연산자 - 소수 부분을 버리고 정수 부분만 남깁니다. - 양수와 음수를 구분하지 않고 소수점 아래를..

parallax효과 다음 프레임 처럼 스크롤을 내릴때마다 나타나는 효과를 만들어보겠습니다. 코드블럭 Javascript parallax Effect06 패럴랙스 이펙트: 텍스트 효과 1 2 3 4 5 6 7 01 section1 결과도 중요하지만, 과정을 더 즁요하게 생각한다. 02 section2 세상 모든 일은 여러분이 무엇을 생각하느냐에 따라 일어납니다. 03 section3 웃음은 두 사람간의 가장 가까운 거리다 04 section4 지속적인 긍정적 사고는 능력을 배가시킨다. 05 section5 정의는 외부에서 오는 것이 아니라 내적 평온으로부터 온다. 06 section6 아무것도 변하지 않을지라도 내가 변하면 모든 것이 변한다 07 section7 노력을 이기는 재능은 없고 노력을 외면하는 ..

REACT react 설치 react를 사용하기 위해 먼저 Node.js를 설치해야 합니다. Node.js는 서버 측 자바스크립트 실행 환경입니다. Node.js를 설치하면 npm(Node Package Manager)도 함께 설치됩니다. 👉 https://nodejs.org/ko 설치가 완료되면 npx create-react-app react1 를 입렵해 파일을 만들어줍니다. npm npm은 Node.js 패키지 관리자입니다. Node.js는 서버 측 JavaScript 실행 환경이며, npm은 Node.js 패키지를 설치, 관리 및 공유하는 데 사용됩니다. npm을 사용하면 다른 개발자가 작성한 Node.js 패키지를 손쉽게 설치할 수 있습니다. npm은 이러한 패키지를 간편하게 검색하고, 의존성 관..

Parallax효과 만들기 코드블럭 Javascript parallax Effect01 패럴랙스 이펙트: 사이드 메뉴 1 2 3 4 5 6 메뉴1 메뉴2 메뉴3 메뉴4 메뉴5 메뉴6 메뉴7 메뉴8 메뉴9 01 section1 결과도 중요하지만, 과정을 더 즁요하게 생각한다. 02 section2 세상 모든 일은 여러분이 무엇을 생각하느냐에 따라 일어납니다. 03 section3 웃음은 두 사람간의 가장 가까운 거리다 04 section4 지속적인 긍정적 사고는 능력을 배가시킨다. 05 section5 정의는 외부에서 오는 것이 아니라 내적 평온으로부터 온다. 06 section6 아무것도 변하지 않을지라도 내가 변하면 모든 것이 변한다 07 section7 노력을 이기는 재능은 없고 노력을 외면하는 결과..

애니메이션 예제1 코드블럭 LeeEunJi's PORTFOLIO work about let's inrtroduce frontend developer's all works ofportfolio lee3ll.tistory.com 보충설명 ✨ 이 코드는 GreenSock Animation Platform (GSAP) 라이브러리를 웹페이지에 추가하는 코드입니다. GSAP은 HTML, CSS, SVG 및 JavaScript 기반 웹 애니메이션을 만들기 위해 사용되는 강력하고 유연한 JavaScript 애니메이션 라이브러리입니다. 외부 라이브러리인 GSAP을 가져와서 사용하기 위해, 라이브러리 파일이 위치한 경로를 지정하여 웹 페이지에 추가합니다. //글씨 분리하기 ✨ 문서 내의 모든 split 클래스를 가진 요소..

PHP란 ✨ PHP는 서버 측 웹 개발을 위한 스크립트 언어로, "PHP: Hypertext Preprocessor"의 약자입니다. Rasmus Lerdorf가 처음 개발하였으며, 이후 PHP 개발자들이 지속적으로 발전시켜 왔습니다. PHP는 HTML 코드 내부에 삽입하여 웹 서버에서 실행되며, 동적으로 웹 페이지를 생성할 수 있습니다. 이를 위해 다양한 기능을 제공합니다. 예를 들어, 데이터베이스 연결, 파일 업로드, 세션 관리, 쿠키 관리, 이메일 발송 등이 가능합니다. 또한, 다양한 확장성을 제공하여, 이미지 처리, PDF 생성 등 다양한 작업을 수행할 수 있습니다. PHP는 무료이며, 오픈 소스이기 때문에 누구나 자유롭게 사용할 수 있습니다. 또한, 대부분의 운영 체제와 웹 서버에서 실행될 수 있..

뮤직플레이어 리스트만들기 추가 코드블럭 //뮤직 리스트를 클릭하면 재생 function playListMusic(){ const musicListAll = musicListUl.querySelectorAll("li"); //뮤직 리스트 목록 for(let i=0; i{ loadMusic(musicIndex); playListMusic(); }); 보충설명 //뮤직 리스트를 클릭하면 재생 음악 리스트를 관리하는 함수인 playListMusic()입니다. 먼저 querySelectorAll() 함수를 사용하여 musicListUl 요소 내부의 li 태그 목록을 가져옵니다. 그리고 for 루프를 사용하여 모든 음악 리스트 아이템에 대해 아래의 작업을 수행합니다. 1. querySelector() 함수를 사용하..

05.02 어느덧 수업을 시작한지 2개월 반이 지나갔습니다. 초반엔 아직 한달도 안지난 사실이 어이없었는데 지금은 벌써 두달반이 지나갔다고?🙄 싶습니다. 이제야 몸이 학원다니는 스케쥴과 하루루틴에 적응을 했지만 통장잔고는 점점 적응이 안됍니다:( 스스로 코딩센스와 이해도가 없어도 너무 없다는 자괴감과 개인적인 일까지 겹치면서 넋이 나가있지만 그래도 포기하고싶지는 않습니다. 하루빨리 멘탈좀 바로잡고 집중할수 있으면 좋겠습니다. 지난번 생일선물로 받은 무접점키보드가 키감이 너무 좋아요. 키압이 35g이라 너무 쉽게 눌려서 가끔 손만올려놔도 눌릴때가 있다는 점 빼고는 소리도 좋고 디자인도 예쁘고 좋아서 자꾸 키보드를 치고싶은 기분이 듭니다. 역시 뭐든 장비가 중요한가봅니다. 그래서 살짝 후회되는건 텐키리스로 ..

게시판 만들기(검색기능 구현하기) php를 이용하여 게시판목록에서 제목, 내용, 등록자를 이용하여 게시글을 검색하고 갯수를 계산하는 기능을 만들어 보겠습니다. 코드블럭