profile
백엔드와 프론트엔드를 사랑하는 현 마크업개발자(퍼블리셔)입니다 :) 자바스크립트, React, Python을 공부하고 있습니다.
post-thumbnail

[자바스크립트 스터디]프로토타입과 클래스

객체 생성자는 함수를 통해서 새로운 객체를 만들고 그 안에 넣고 싶은 값 혹은 함수들을 구현 할 수 있게 해줍니다.유의해야 할 점 !1\. 객체 생성자를 사용 할 때는 보통 함수의 이름을 대문자로 시작하고, 2. 새로운 객체를 만들 때에는 new 키워드를 앞에 붙여주어

3일 전
·
0개의 댓글
post-thumbnail

[자바스크립트 스터디]배열 내장함수

배열 내장함수 : 배열을 다룰 때 유용한 내장 함수우선 for문을 사용하면for (let i = 0; i < superHeroes.length; i++){ console.log(superHeroesi);}superHeroes.forEach(hero => { c

3일 전
·
0개의 댓글
post-thumbnail

[자바스크립트 스터디]반복문, 반복문과 배열, while, for ~ of, for ~ in, continue&break, 연습문제

for문은 가장 기본적인 반복문입니다. 특정 값에 변화를 주어가면서 우리가 정한 조건이 만족된다면 계속 반복합니다.for(let i = 0; i < names.length; i++){ console.log(namesi); // 찍히는 값 = 멍멍이 야옹

3일 전
·
0개의 댓글
post-thumbnail

[자바스크립트 스터디]배열, 배열에 새로운 항목 추가하기

배열은 여러 개의 항목들이 들어있는 리스트와 같습니다.배열을 선언하고 나서, n번째 항목을 조회하고 싶을 땐 => objectsn;찍히는 값 = push (배열 내장함수)

3일 전
·
0개의 댓글
post-thumbnail

[자바스크립트 스터디]객체(비구조화 할당, 객체 안에 함수 넣기, Getter&Setter함수)

더 알아보기 - 생활코딩// 2// 객체 - 비구조화 할당(객체 내부에서 밖으로 빼와서 선언)// function print(hero) {// const { alias, name, actor } = hero;// const text = ${alias}(${nam

2020년 3월 19일
·
0개의 댓글
post-thumbnail

[자바스크립트 스터티]함수(함수 연습, Template Literal, 화살표 함수)

const sum = add(1, 2);console.log(sum);찍히는 값 = 3function hello(name) { console.log("Hello, " + name + "!");}hello("semi");찍히는 값 = Hello, semi!funct

2020년 3월 19일
·
0개의 댓글
post-thumbnail

[자바스크립트 스터티]비교연산자(if/else, switch/case)

const b = 8;if (b === 5) { console.log("b의 값은 5입니다!");} else if (b === 8) { console.log("b의 값은 8입니다!");} else { console.log("b의 값은 5도 아니고 8도 아닙니다!"

2020년 3월 19일
·
0개의 댓글
post-thumbnail

[자바스크립트 스터티]연산자(대입, 산술, 논리, 비교)

by. 생활코딩자바스크립트는 웹브라우저 위에서 동작하는 언어입니다. 만약 여러분이 웹프로그래밍을 하려고 한다면 자바스크립트는 사실상 필수라고 할 수 있습니다. 최근에는 node.js라는 서버측 자바스크립트가 각광받고 있습니다. 또한 MongoDB와 같은 친 JavaSc

2020년 3월 19일
·
0개의 댓글
post-thumbnail

[자바스크립트 스터티] 자바스크립트를 배우기 시작했다.

자바스크립트 니가 죽나 내가 죽나 함 해보자!

2020년 3월 19일
·
0개의 댓글
post-thumbnail

[스파르타 코딩클럽]나만의 웹서비스 만들기 "마이 레시픽" 8주차 - '8주간의 코딩 첫걸음' 후기 /epilogue

http://my-recipick.shop'마이 레시픽' 완성 동영상녹화본참조 : \[스파르타 코딩클럽]나만의 웹서비스 만들기 "마이 레시픽" 6주차 - '마이레시픽' 그려보기 내 머릿속에 있는 레시피로 요리를 하기도 하지만 이건 전공자들이나 평소에 요리를 즐

2020년 3월 14일
·
0개의 댓글
post-thumbnail

[스파르타 코딩클럽]나만의 웹서비스 만들기 "마이 레시픽" 8주차 - 백엔드는 끝났다. 프론트 작업 시작!

<프론트 완성본>로고, 검색부분, 오늘의 추천레시피 위치사용자는 보통 위에서 아래로 왼쪽에서부터 오른쪽으로 컨텐츠를 읽는다. 따라서 왼쪽부분은 사용자가 사이트로 방문하자마자 가장 먼저 사용하게 될 확률이 높은 곳이다.로고로 사이트 아이덴티티를 나타내고, 검색부분을

2020년 3월 14일
·
0개의 댓글
post-thumbnail

[스파르타 코딩클럽]나만의 웹서비스 만들기 "마이 레시픽" 7주차 - 레시피 조회 - get방식 api 만들기

레시피 조회 - get방식 api 만들기list_myrecipes_official_info = \[]list_myrecipes_official_info.append(myrecipes_official_infos)이 부분에서 갈피를 못 잡고 헤메었는데. 내가 기초, 기본을

2020년 3월 5일
·
0개의 댓글
post-thumbnail

[스파르타 코딩클럽]나만의 웹서비스 만들기 "마이 레시픽" 6주차 - 레시피 데이터 listing - get방식 api 만들기

레시피 데이터 listing - get방식 api 만들기DB에 저장된 '공식레시피', '따라하기레시피' 데이터를 get방식으로 listing하는 api를 만들었다.ㄴ 나는 '공식레시피'와 '따라하기레시피'를 프론트단에서 분리하여 보여줄 것이기 때문에 category로

2020년 2월 23일
·
0개의 댓글
post-thumbnail

[스파르타 코딩클럽]나만의 웹서비스 만들기 "마이 레시픽" 6주차 - 파이썬으로 'selenium' 크롤링

Selenium이란?Selenium은 주로 웹앱을 테스트하는데 이용하는 프레임워크다. webdriver라는 API를 통해 운영체제에 설치된 Chrome등의 브라우저를 제어하게 된다.브라우저를 직접 동작시킨다는 것은 JavaScript를 이용해 비동기적으로 혹은 뒤늦게

2020년 2월 21일
·
0개의 댓글
post-thumbnail

[스파르타 코딩클럽]나만의 웹서비스 만들기 "마이 레시픽" 6주차 - '마이레시픽' 그려보기

특성화고등학교에서 호텔조리를 전공한 나는 항상 요리에 관심이 많았다.내가 생각하는 요리는 누구나 할 수 있는 것이다.가장 필요한 소양은 요리에 대한 관심과 흥미, 레시피를 잘 찾아서 읽을 수 있으면 된다. 여기서 '마이 레시픽'이 도움을 줄 수 있는 건 레시피를 잘 찾

2020년 2월 18일
·
0개의 댓글
post-thumbnail

[스파르타 코딩클럽] PROLOG & 내가 '스파르타 코딩클럽'을 수강하게 된 이유

마크업개발자로 약 1년동안 일하면서 개발일지를 한 번도 작성 안했다는 사실에 반성하며

2020년 2월 17일
·
1개의 댓글