250x250
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- css3
- 백엔드
- CSS
- hover
- MAC
- IOS
- button
- iOS 개발자
- xcode
- 개발자
- jQuery
- php
- keyframes
- iPhone
- Animation
- 풀스택
- 비전공 개발자
- SWIFT
- 애니메이션
- image
- HTML
- effect
- html5
- 자바스크립트
- 비전공자
- 프론트엔드
- ipad
- react
- front-end
- javascript
Archives
- Today
- Total
비전공자 개발일기
Javascript 본문
728x90
SMALL
// import _ from 'lodash' // From 'node_modules'
// import { random, user as tony } from './getRandom.js'// getRandom.js
// import getType from './getType.js' // getType.js
// (한번에 가져오기) import * as R from './getRandom.js'
// console.log(_.camelCase('the hello world')) // theHelloWorld
// console.log(getType([1, 2, 3])) // Array
// console.log(random(), random())
// console.log(tony)
// (한번에 가져오기) console.log(R)
// const usersA = [
// {userId: '1', name: 'IRONMAN'},
// {userId: '2', name: 'HURK'}
// ]
// const usersB = [
// {userId: '1', name: 'IRONMAN'},
// {userId: '3', name: 'THOR'}
// ]
// const usersC = usersA.concat(usersB)
// console.log('concat', usersC) // concat (4) [{…}, {…}, {…}, {…}]
// console.log('uniqBy', _.uniqBy(usersC, 'userId')) // uniqBy (3) [{…}, {…}, {…}]
// const usersD = _.unionBy(usersA, usersB, 'userId')
// console.log('unionBy', usersD) // unionBy (3) [{…}, {…}, {…}]
// const users = [
// {userId: '1', name: 'IRONMAN'},
// {userId: '2', name: 'HURK'},
// {userId: '3', name: 'THOR'},
// {userId: '4', name: 'ROKI'},
// {userId: '5', name: 'DEADPOOL'},
// ]
// const foundUser = _.find(users, {name: 'IRONMAN'})
// const foundUserIndex = _.findIndex(users, {name: 'IRONMAN'})
// console.log(foundUser) // {userId: "1", name: "IRONMAN"}
// console.log(foundUserIndex) // 0
// _.remove(users, {name: 'DEADPOOL'})
// console.log(users) // (4) [{…}, {…}, {…}, {…}]
// JSON(JavaScript Object Notation)
// 자바스크립트의 객체 표기법
// import myData from './myData.json'
// console.log(myData)
// const user = {
// name: 'HERO',
// age: 100,
// emails: [
// 'one@google.com',
// 'two@google.com'
// ]
// }
// console.log('user',user)
// const str = JSON.stringify(user)
// console.log('str', str)
// console.log(typeof str)
// const obj = JSON.parse(str)
// console.log('obj', obj)
// const user = {
// name: 'HERO',
// age: 100,
// emails: [
// 'one@google.com',
// 'two@google.com'
// ]
// }
// const str = localStorage.getItem('user')
// const obj = JSON.parse(str)
// obj.age = 22
// console.log(obj)
// localStorage.setItem('user', JSON.stringify(obj))
// query string
// 주소?속성=값&속성=값&속성=값
// import axios from 'axios'
// function fetchMovies() {
// axios
// .get('https://www.omdbapi.com/?apikey=7035c60c&s=frozen')
// .then( res => {
// console.log(res)
// const h1El = document.querySelector('h1')
// const imgEl = document.querySelector('img')
// h1El.textContent = res.data.Search[0].Title
// imgEl.src = res.data.Search[0].Poster
// } )
// }
// fetchMovies()
728x90
LIST
'Javascript' 카테고리의 다른 글
Javascript - Typescript (0) | 2021.08.05 |
---|---|
Javascript (0) | 2021.08.04 |
Javascript (0) | 2021.08.02 |
Javascript (0) | 2021.07.30 |
Javascript - Node.js (0) | 2021.07.29 |