아직 토이 프로젝트를 할만한 실력은 아니지만, 그래도 앨리님 유튜브 무료 강의와 애플 코딩 강의를 들으며 추가하고 싶은 기능을 추가하며 만들어보았다. 이것 또한 다 만들어진 것은 아니며 오류를 해결 못한 부분도 있어 추후 업데이트할 예정이나, 우선 나중에 내가 얼마나 성장했는지 기록하기 위해 글을 남긴다. 사용한 이미지는 unplash에서 받은 무료 이미지를 사용하였다. 1. Navigation bar 스크롤 효과 스크롤바를 내리면 bar 컬러와 바뀌고 로고 크기가 살짝 바뀌게 구현했다. 2. 타이포 이펙트 추가 배운 이펙트라 써보고 싶어서 굳이 굳이 타이틀에 넣어봤다.. 나중에 완성되면 뺄 예정 3. 로그인창 구현 이메일, 비밀번호 형식에 안 맞을 시 그에 따른 문구 뜸 이메일 형식 추가 및 비밀번호 ..
쇼핑 리스트를 만들어보았다. 구현하고자 하는 것 은 아래와 같았다. 1. input에 쇼핑 item 넣고 Enter 혹은 아래 버튼을 누르면 쇼핑 목록에 추가된다. 2. input에 구매할 item 개수를 넣어 리스트에 개수도 추가된다. 3.아이콘을 이용해서 item을 삭제할 수 있다. 4. 체크 아이콘을 클릭하면 완료된 리스트로 보인다. ( 글씨에 줄 긋고 연하게, 아이템 박스 배경 없애기, 아이콘 배경 없애기, 아이콘 컬러 어둡게 바꾸기) 5. 삭제한 것을 반영하지 않은 items 개수와, check 아이콘을 클릭하지 않은 남은 items 개수를 상단에 표시한다. 추가로 input에 커서를 자동으로 넣고 스크롤도 items가 들어있는 div안에서 움직이도록 설정해줬다. 구현하고자 했던 것들 중 두 개..
오랜만에 깃헙에 소스 좀 push 하려고 하는데 또 이러네.. 저번에도 마주한 오류 문구라 똑같은 방법으로 했지만 되지 않았다. 그 이후에도 폭풍 구글링으로 여러 방법을 써보았다. 내가 시도해본 방법은 이래와 같다. 1. 원격저장소와 로컬 저장소의 자료가 다를 때 나타날 수 있음 따라서 pull 먼저 하고 다시 진행한다. 2. 강제 push 해본다. git push -u origin +main 이 방법은 조심해야 한다. 강제 push를 하게 되면 로컬에 없고 원격에 있던 자료를 잃게 된다. 그래서 1번 방법으로 해결하는 게 낫다. 3. git파일을 다시 삭제 후 재 진행해본다. 이것 저것 했는데 안되다가 혹시 몰라 push를 master로 했더니 된다.. 읭/? 하지만 github에서는 작년 10월 이..
거의 다 썼는데 지워져서 다시 쓴다... 왜 저장이 안 되었을까요. 어젯밤 Array, for, forEach 관련해 세 문제를 풀었다. 1, 2 번은 결국에는 틀렸어도 근접은 했고, 왜 틀렸는지 알았을 때 깨달음이 한 번에 왔는데, 3번은 이해하는데 시간이 조금 걸렸고, 특히 forEach를 이용한 것은 답지도없고 너무 어려워서 늦은 밤까지 이해하려고 애를 썼다. 문법책을 보니 orEach를 이해하려면 콜백함수의 개념까지 이해해야 한다고 한다. 그래서 더 어려웠지만, 한 시간 넘게 그것만 바라보니까 적어도 이 문제를 완벽히 이해하는데는 성공했다. 오늘은 세 문제를 15분만에 풀고 기분 좋은 아침을 맞이하는 중이다. Q1 Array 안에서 철수를 찾아라. ( find, indexOf 이런 함수들 사용 금..
애플 코딩님의 강의를 듣고 있는데 이 강사님은 jQuery로 작성법을 알려주실 때가 많다. 순수 Javascript를 알고 싶은 나는 강사님이 jQuery로 작성하시면 강의를 잠시 멈추고 Javascript 작성법으로 최대한 찾아 적어놓는다. 덕분에 강의듣는 시간은 느려지긴 했지만, 이 과정이 꼭 필요하다고 생각했다. 재밌기도 하고.. 이번에는 HTML를 자바스크립트에서 동적으로 생성하는 것을 배웠다. 만약 아래의 HTML 코드에서 주석 처리된 부분을 순수 자바스크립트를 사용해 추가시키고 싶다면 어떻게 해야 할까? 상품선택 모자 셔츠 Select the size 1. jQuery 작성법 강사님이 알려주신 jQuery로 작성하면 간단하다. template라는 변수를 만들어 넣을 html 코드를 넣고 app..
저번 글에서도 몇 번 언급했듯이 지지난주에는 자바스크립트가 나를 조금 힘들게 했다. 문법을 이해하려 해도 잘 안 되었던 언어.. 아무래도 프로그래밍적인 개념이 부족하니 처음 다가가는 언어라 힘들었던 것 같다. 지난번 글에서 알고리즘을 먼저 파보겠다고 했지만, 막상 해보니까 그 속에서 새로 알 수 있는 개념이나, 공부했던 개념이 이렇게 쓰이는구나 싶어 좋기는한데, 정말 한 문제도 답안을 보지 않으면 못 풀겠어서 뭔가 이른 느낌이 들었다. 또 알고리즘을 풀면서 병행할 강의가 필요하다는 생각이 들었다. 항상 뭔가를 결정할 때 굉장히 신중한 편이라 이것 저것 많이 찾아보는 편인데 그래서 강의를 고를 때도 '이왕이면 더 좋은 좋은 강사님과 좋은 코드를 쓰는분이 좋겠지?'라는 생각으로 유투브의 여러 강의를 보았다...
369게임을 응용해서. 1. 3의 배수에서 '박수' 아니면 '통과' // 1부터 369 사이의 자연수에서 3으로 나누어 0으로 떨어지면 '박수' 아니면 '통과' 라고 출력한다. function 삼육구게임(n) { if ( n % 3 == 0) { console.log('박수'); } else { console.log('통과'); } } 1. 3의 배수에서 '박수', 9의 배수에서 '박수 박수' 아니면 '통과' // 9로 나누어 0으로 되면 박수두번치고 3으로 나누어 0으로되면 박수를 한번친다. 둘다해당이 안되면 통과 function 삼육구게임(n) { if ( n % 9 == 0) { console.log('박수x2'); } else if (n % 3 == 0) { console.log('박수'); } ..
유투버 '라메개발자'님이 추천해주신 방법이다. 백준으로 자스푸는게 어렵다고 하는데 라메개발자님이 어떻게 입출력하는지도 잘 설명해주셔서 그 부분은 걱정 없을 것 같다. 백준만 주구장창 풀고 있지는 않을 것 같고 어느 정도 됐겠다 싶으면 간단한 프로젝트와 병행해서 할 생각이다. 1. 1-12단계까지 풀기 https://www.acmicpc.net/step 2. 강의에 있는 내용으로 풀기 입문 기초 https://code.plus/course/41 Reference : Youtube '라메개발자'
- Total
- Today
- Yesterday
- 리액트
- 자바스크립트알고리즘
- network
- 항해99
- 자바스크립트
- css
- 자바스크립트 클로저
- 프로그래머스 자바스크립트
- 네트워크
- 백준
- 자바스크립트 비동기 처리
- html
- 프로그래머스
- 알고리즘자바스크립트
- cs50
- 파이썬알고리즘
- 실전프로젝트
- reactquery
- 리액트네이티브
- 모두를 위한 컴퓨터 과학
- 모두를위한컴퓨터과학
- python
- github
- 타입스크립트
- 클로저
- React
- 무한스크롤
- GIT
- javascript
- 프로그래머스 베스트앨범 자바스크립트
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |