2023/05 30

Javascript를 이용한 사이트 만들기! - 마우스 효과 사이트 만들기04

- 이번사이트는 가운데에 있는 네모 사진 안에 커서를 놓으면 사진이 커지면서 커서가 바뀌는 페이지 입니다. Javascript Mouse Effect04 마우스 이펙트 - 마우스 따라다니기 1 2 3 4 5 We first make our habits, then our habits make us. 처음에는 우리가 습관을 만들지만 그다음에는 습관이 우리를 만든다. - html입니다. - 자바스크립트입니다. - gsap 라이브러리를 사용해서 만들었습니다. - 가운데이 있는 이미지에서 마우스커서를 만들어줄 것이기 때문에 좌표의 기준이 화면의 끝이 아니라 중앙으로 잡는 것이 키포인트입니다. - 전체 화면을 2로 나눈 값을 기준으로 잡아서 만든 것이죠 - 그리고 커서를 만들어서 가운데의 사진안에 넣어주고 마우스를..

Javascript를 공부해 봅시다! 12. CallBack 함수

- 콜백함수에 대해서 알아보겠습니다.- 콜백 함수(callback function)는 프로그래밍에서 일반적으로 사용되는 개념입니다.- 콜백 함수는 다른 함수에 전달되어 특정 이벤트가 발생하거나 조건이 충족될 때 호출되는 함수입니다.- 콜백 함수의 동작 방식은 다음과 같습니다.- 함수 인자로 전달: 콜백 함수는 다른 함수의 인자로 전달됩니다. 이를 통해 원래의 함수가 완료되었을 때 콜백 함수를 호출할 수 있습니다. - 이벤트 발생 시 호출: 원래의 함수에서 정의한 이벤트가 발생하면, 콜백 함수가 호출됩니다. 이벤트는 보통 비동기적인 작업의 완료, 버튼 클릭, 타이머 등과 같은 다양한 상황에서 발생할 수 있습니다.- 콜백 함수는 비동기 프로그래밍에서 특히 유용합니다. 비동기 작업은 결과를 기다리지 않고 다른..

2023.05.04 aws summit 후기 feat.codeWhisperer

- 오늘은 수업 대신 컨퍼런스를 갔다왔습니다.!! - aws에서 하는 컨퍼런스 였는데 서울 코엑스에서 열어서 학원가는 시간보다 2시간 일찍일어났다는... 딜교 쌉손해.. - 하지만 오랜만에 서울에 가서 재미있었습니당 - 사진을 보시죠 - 아무튼 기조연설 듣고 점심먹고 강연(?) 하나 듣고 엑스포 털고 왔습니다!! - 강연 들을 만한게 뭐가 있을까 고민을 하다가 codeWhisperer에 대해서 소개해주는 것을 들었는데요 - 바로 코딩을 같이해주는 비서!!(살짝모자라지만..) 아무튼 저도 바로 해봤습니다.!! - 연결하고 주석을 달아두면 이렇게 자동완성이 뜹니다!! - 그걸 tap해주면 끝!! - 하지만 저는 이게 맞는지 틀린지 정확하게 몰라서 우리의 또다른 친구에게 물어보았죠 - 네 얼추 맞는거 같습니다..

Javascript를 이용한 사이트 만들기! - 포트폴리오 준비하기!

- 오늘은 오전에 한 포트폴리오 연습에 대해서 적어 볼까 합니다. - 가장 중요한 것은 바로 폰트!! font! 폰트! 굵기! 간격! 아무튼 이런 것들이 포트폴리오의 많은 부분을 좌우합니다. - 매우매우매우 중요하죠 그래서 틈틈히 사이트를 돌아다니며 폰트도 구경하고 수집하는 것이 중요합니다. - 하지만 저는 잘 못하는 것이죠.. 하지만 제가 눈여겨 본 것이 하나 있었습니다. - 아래에 배경이 보이시나요?? 저 그림?? 저건 iframe을 사용한 것입니다. - 이미 있는 사이트의 코드를 그대로 가져온 것이죠 - 저걸 사용하면 복잡한 코드들을 힘들게 이해하지 않아도 페이지에 넣을 수 있는 것이죠 - 물론 이쁘고 자연스럽게 하기위해선 어느정도 코드를 이해하기는 해야되지만 말이죠.. - 하는 방법도 어렵지 않습..

23.05.02

- 오랜만에 돌아온 코딩일기 입니다. - 오늘은 정말 날씨가 좋은 날 이였습니다. - 요즘 날씨가 계속 좋지만 학원은 실내라 어두침침합니다. - 오늘은 조별과제를 했습니다. - 조별로 사이트를 만들고 있습니다. - 학원에서 간간히 보이는 절망의 창... - ip가 가끔 막히는 거 같기도 합니다.. - 아무튼 열심히 만들 페이지 입니다. - 아직 html과 css 밖에 안해서 아무것도 안되는 페이지지만 이제 추가로 php로 작업도 해주고 할 것입니다. - 끝까지 화이팅!! - 끝!