# vanilaJS

14개의 포스트
post-thumbnail

[week4] 프.젝.조.아(feat. 프로그래머스 굿즈)

😎 4주차 주요내용 이번 4주차는 VanilaJS를 활용한 토이 프로젝트를 진행해보았다. 3주차에서 배운 컴포넌트로 나누어 React처럼 사용하는 VanilaJS를 이용해서 TO-DO-LIST를 구성했다. 이번 프로젝트를 진행하면서 테스팅과 관련된 내용을 찾아서

2021년 8월 29일
·
4개의 댓글
post-thumbnail

Front-end 개발자를 위한 첫걸음

2023년 3월 전역 전까지 무엇을 해야 개발자로 취업이 가능할지 고민한 내용

2021년 8월 24일
·
0개의 댓글
post-thumbnail

[week3] 이 패턴은 맵단맵단?

🍧 3주차 주요 내용 이번 3주차는 1, 2주차에서 배운 선언형/함수형 프로그래밍 방식의 VanilaJS을 학습했다. 데브코스를 지내기 전, VanilaJS를 대강 배우고 React를 활용하면서 Javascript의 기초 지식 애로사항이 많았었는데 이번 강의를

2021년 8월 21일
·
4개의 댓글
post-thumbnail

[TIL] day 11. 추상화

지난주에 이어 프로그래밍 방식에 대해 계속 학습해오고 있다. 함수형, 선언형, 명령형, 객체지향형 .. 종류는 많지만, 특정 방식이 더 우월하기 보다는 상황에 따라 적절한 방식이 있기 마련이다. 지난주엔 함수형 프로그래밍 방식하나로 골머리를 앓았지만 그래도 공부해보면서

2021년 8월 17일
·
0개의 댓글
post-thumbnail

나는 자바스크립트를 모르고 있었다.

😅 JavaScript를 어느정도 알고 있다고 착각했던 사람이 쓰는 글 JavaScript 개발 경험 React를 활용한 Frontend 개발 Node를 활용한 Backend 개발 Vanila JS로 DOM 조작 >## 이 정도론 JavaScript를 안다고 할

2021년 8월 10일
·
0개의 댓글
post-thumbnail

[WEB] Javascript30 Challenge 후기

Wes Bos 라는 Full Stack Developer가 운영하는 online Courses 중 무료로 제공하는 챌린지 중에 전반적으로 유명한 챌린지이다.최근 6월까지 엘리스 레이서 1기로써 활동이 종료되고 그동안 React를 주로 웹 프론트엔드 개발을 진행할수록 갈

2021년 7월 31일
·
0개의 댓글
post-thumbnail

프론트엔드 직무과제 복기...ㅠ

바닐라 자바스크립트를 이용한 프론트엔드 직무과제를 보았는데 많이 아쉬움이 남아 다음에는 더 잘 풀수 있도록 막혔던 부분을 적어 놓으려 합니다.fetch() 사용fetch 사용하는 것은 크게 어려움이 없을 것이라 생각했는데 form에서 데이터를 가져오고 보내는것에서 오랜

2021년 7월 12일
·
0개의 댓글

[Vanila JS] 바닐라 JS로 크롬 앱 만들기

강의 링크 Javascript를 사용하는 이유 backend에 사용할 언어는 python, ruby, asp, 하스켈 등 다양하지만, frontend의 경우 javascript가 유일한 프로그램 인터넷이 빨리 발전하는 만큼 javascript도 빠르게 발전 - > 막강

2021년 4월 26일
·
0개의 댓글
post-thumbnail

웹 프론트엔드 과제 with vanillaJS 2

유저가 사용하는 디바이스의 가로 길이에 따라 검색결과의 row 당 column 갯수를 적절히 변경해주어야 합니다.992px 이하: 3개768px 이하: 2개576px 이하: 1개현재 템플릿 코드를 통해 실행시킬 경우 image들이 같은 사이즈로 질서있게 정렬이 된 모습

2021년 1월 17일
·
0개의 댓글
post-thumbnail

[자바스크립트 스터디]Review - 바닐라JS로 크롬 앱 만들기(momentum clone) - weather.js(API이용해서 현재 위치, 날씨 구하기)

👉 html 코드👉 js 코드// coord : 좌표const API_KEY = "449e1de2026658b7c7a2066d20fb0fce";const COORDS = "coords";function saveCoords(coordsObj){ localStor

2020년 4월 27일
·
0개의 댓글
post-thumbnail

[자바스크립트 스터디]Review - 바닐라JS로 크롬 앱 만들기(momentum clone) - bg.js(배경 랜덤으로 설정하기)

👉 html 코드👉 js 코드👉 내가 코드를 작성한 순서1\. 사용 할 객체를 변수로 선언한다.2\. init 함수를 만든다.작동함수들을 만든다.✍ genRandom()Math.random() : 임의의 수 발생Math.random() \* n : 0 ~ n 사이

2020년 4월 27일
·
0개의 댓글
post-thumbnail

[자바스크립트 스터디]Review - 바닐라JS로 크롬 앱 만들기(momentum clone) - toDo.js(투두리스트 받기)

👉 html 코드👉 js 코드👉 내가 코드를 작성한 순서사용 할 객체를 변수로 선언한다.init 함수를 만든다.작동함수들을 만든다.사용자가 input창에 아직 아무것도 입력하지 않았다면! "js-toDoForm"이 보여진다.✍ loadToDos()localStor

2020년 4월 27일
·
0개의 댓글
post-thumbnail

[자바스크립트 스터디]Review - 바닐라JS로 크롬 앱 만들기(momentum clone) - greeting.js(사용자 이름 받기)

👉 html 코드👉 js 코드👉 내가 코드를 작성한 순서사용 할 객체를 변수로 선언한다.init 함수를 만든다.작동함수들을 만든다.✍ loadName()study by. MDN읽기 전용 localStorage속성은 사용자 로컬의 Storage객체에 접근하게 해줍니

2020년 4월 27일
·
0개의 댓글
post-thumbnail

[자바스크립트 스터디]Review - 바닐라JS로 크롬 앱 만들기(momentum clone) - clock.js(시계 만들기)

👉 html 코드👉 js 코드👉 내가 코드를 작성한 순서사용 할 객체를 변수로 선언한다.init 함수를 만든다.작동함수들을 만든다~👉 setInterval 사용하는 방법👉 setInterval 사용했던 이유시계를 만들었다. 웁스! 여기서 문제가 발생했는데, 시

2020년 4월 22일
·
0개의 댓글