분류 전체보기27 [JavaScript] 기초 강의 수강 - slide 만들기(2) 1. 어제 강사님의 깃 소스를 클론한 상태에서, 오늘은 HTML과 CSS, 이미지를 등록했습니다. 강의를 잘 따라간 경우, 동작은 하지 않는 아래와 같은 상태의 웹이 나옵니다. 그러고보니 이미지 위에 마우스를 갖다대면 좌우 버튼이 애니메이션처럼 나오는데 이건 왜 이러는지 모르겠네요? 첨부되어있던 CSS의 기능인걸까요? 아직 소스를 자세히 뜯어보지 못해서, 천천히 봐야겠습니다. 2. 강의 따라가다가, 어처구니없이 20분정도를 낭비했습니다. 아래 소스코드에서 이상한 점이 바로 보이시나요? . . . . . 네....import 경로가 이상합니다.. 저도 모르게 슬래시가 아니라 역슬래시를 써놓고, 왜 start를 하면 저 모듈을 못찾는건지 의아해하고 있었습니다. 자세히 보면 폰트 색도 다르게 해서 눈치를 주는.. 2023. 1. 26. [JavaScript] 기초 강의 수강 - 슬라이더 만들기 1 1. 리액트, 프론트엔드 지식이 부족하여 기초 강의를 듣고 있습니다. 최근에는 냐옹이 만든다고 안 봤는데, 다시 마음 잡고 들어야겠습니다. 2. 슬라이드 강의를 들으려고 했는데 급한 다른 일 부터 끝내고 하려니 다 듣지는 못했습니다. 빌리님의 리포지토리를 clone하고, 제 공부용 리포지토리에 push 했습니다! 2023. 1. 25. [REACT] express + mysql 준비 1. 오늘은 설연휴를 앞두고 퇴근 후에 어머니 음식 준비를 돕느라 여념이 없었네요 ㅠㅠ간신히 mysql 설치정도만 해보았습니다. 아마 설 연휴에 추가 작업은 어려울 것같고... 일단 express로 db데이터 불러와보는 것만 해보고 싶은데, 실제로 해보는건 둘째치고 express를 하나도 이해하지 못하는 상태에서 하는게 과연 의미가 있을까 싶어서 걱정입니다. 그래도 하다보면 늘겠죠? 안하는것보단 나으니까 계속 정진해봐야겠습니다. +그런데 node.js?express?의 시작 파일은 server.js 여야하나요 index.js여야하나요..? 다 다른 것 같아서 뭐가 맞는지 모르겠습니다. 개인의 선호 문제일까요? 2. 깃 관리방법이 너무너무 헷갈리는데 깃 기초공부좀 다시 해야겠습니다 ㅠㅠ 항상 봐주셔서 감사.. 2023. 1. 21. [REACT] 냐옹이 움직임 추가, node.js(express) 연동 테스트 1. 냐옹이가 너무 정적인 것 같아서, 이미지 하나를 더 그렸습니다. 두 개의 이미지를 교차해서 움직이는 것 같은 효과를 주었습니다. 밥주기 버튼을 여러번 클릭하면 시간이 꼬이는 문제가 있었는데, 그 부분도 해결했습니다. 원래 react에서 setTimeout이나 setInterval을 쓸 때 유의할 점이 많더라구요..? 일단 어찌저찌 해결하기는 했고 원인도 확인은 되었으나, 똑같은 코드를 구글링 없이 구현하기는 좀 어려울 것 같습니다. 시간 관리는 그렇다 쳐도 일단 useEffect가 잘 감이 오지 않아서 어렵네요.. 자바만 하던 저에게는 참 생소한 개념인 것 같습니다. (자바 고수인 척 해보기) 2. 이번 주는 코딩에 시간을 많이 투자하지 못했습니다. 개발해내고싶은 기능은 많은데, 회사를 때려치지 않.. 2023. 1. 19. [REACT] 냐옹이 메세지박스 글자 바꾸기 + 에러 발생 1. 밥주기 버튼을 클릭하면 3초간 밥을 먹었다는 메시지를 띄운 후, 친밀도에 따라 다음 텍스트가 보이게 개발하였습니다. 근데 타임아웃을 cleartimeout..?이라고 검색해서 나온걸 바로 썼더니 버튼을 여러번 클릭하면 시간이 꼬이더군요.. 역시 잘 알고 써야한다는 걸 깨달았습니다. 기능 수정이 필요할 듯 보입니다. 2. 버튼을 누를때 애니메이션이 따로 없다보니 심심하고 클릭이 잘 된지 모르겠는 느낌입니다. 버튼 클릭 시 애니메이션을 넣고, 고양이가 반응하는 픽셀아트도 그려서 반영해야겠습니다. 3. 리액트는 정말정말 어렵네요..... 자바는 자바 코드만 생각하면 됐는데, 리액트는 html과 js를 적절히 섞어야하다보니 더더욱 정신이 혼미해집니다. ㅠㅠ 그래도 useState는 얼추 이해했으니 조금은 .. 2023. 1. 11. [REACT]드디어 냐옹이에게 밥을 줄 수 있습니다. 1. 우리 냐옹이가.. 못난 주인 만나 그동안 밥을 많이 굶었습니다. 그런데 이제! 드디어 밥을 줄 수 있게 되었습니다. useState를 활용하여 로컬스토리지에 값을 저장하는 기능을 개발했습니다. 오랜만에 잔디를 심었습니다. 2.그런데 위의 기능은 너무나도 기초적인 기능입니다. 금주에는 여기에 추가로, 맛있게 먹었다는 텍스트를 3초간만 띄우고 (맛있게 먹는 중으로 바꾸기) 몇개 먹었는지를 텍스트로 띄울 예정입니다. 3.음 저 텍스트들을 DB화 시켜야할텐데, 정말 파이어스토어를 써야할지 고민이네요. 아직 리액트랑 es6 문법도 약한데 파이어스토어에 쓸 시간이 있을지.. 4. 요즘 리액트 스터디모임 열정이 다들 많이 식은 느낌입니다. 그래도 한 분이 꾸준히 인증을 올려주셔서 참 감사한마음으로, 방장인 제가.. 2023. 1. 10. 이전 1 2 3 4 5 다음
