profile
Perfectly imperfect ✨
post-thumbnail

[HTML] Sementic Tags for SEO (검색엔진 최적화) : html문서를 시맨틱하게 작성해야하는 이유

웹사이트는 검색엔진에 노출 되는게 매우 매우 중요하다. 검색엔진에 노출되지 않는 웹사이트는 접속하는 사람도 없으니까 당연한 이야기다. 그래서 많은 웹사이트 관리자들이SEO(검색엔진 최적화: Search Engine Optimization)같은 마케팅 도구를 사용하여 검

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

[자바스크립트] repl-it 배운 내용이 뭐가 있더라🤔 part.2 배열(array), 데이터타입 등

Array 배열조작하기 for 문데이터 타입StringString <-> Number 변환날짜와 시간 Number Object ScopeClassObject (2)ES6 Arrow functionES6 template literals, string methodar

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

[자바스크립트] repl-it 배운내용이 뭐가있더라 🤔 part.1 (변수, 함수, 연산자 )

이 모든걸 한 주 동안 공부했다는게 믿기지 않을 만큼 많은 정보를 머릿속에 집어넣었다. 모든 내용을 다 소화할 수는 없을지라도 최대한 이해하고 넘어가려고 노력했고, 이 기억이 휘발되지 않도록 목차와 키워드, 필요한 경우 간단히 내용을 정리하고 넘어가려고 한다. 나중에

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

[자바스크립트] String.indexOf(), String.slice() 개념 / 문자열의 특정 단어 제거하기

자바스크립트는 문자열 데이터를 처리하는 함수(메서드)가 다양한 방법으로 있다.아래 예제는 다양한 문자열 메서드 중에서 문자열의 위치를 찾는 String.indexOf() 와 특정 문자열을 제거하는 String.slice() 를 이용하여 내가 원하는 결과를 도출해보는 내

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

[자바스크립트] for문을 이용하여 배열의 최솟값 구하기

Q. findSmallestElement 함수를 구현해 주세요.findSmallestElement 의 arr 인자는 숫자 값으로만 이루어진 array 입니다. array 의 값들 중 가장 작은 값을 리턴해주세요. 만일 array가 비어있으면 0을 리턴해주세요. 예를 들

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

[CSS] 요소의 정렬 - float

float 프로퍼티는 주로 레이아웃을 구성할 때 블록 레벨 요소를 가로 정렬하기 위해 사용되는 중요한 기법입니다. flexbox 레이아웃를 사용한다면 더욱 간단하게 정렬을 구현할 수도 있지만 flexbox 레이아웃을 지원하지 않는 IE를 고려해야 한다면 float 프로

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

[css] 요소의 위치(position) 정리

position 프로퍼티는 요소의 위치를 정의하는 개념입니다. top, bottom, left, right 프로퍼티와 함께 사용하여 위치를 지정하는데에 사용됩니다.position:static은 position 프로퍼티의 기본값으로 position 프로퍼티를 지정하지 않

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

[css] css 선택자(selector) 개념 정리

CSS(Cascading Style Sheets)는 HTML 요소(Element)의 스타일을 주는 역할을 하는데요, 그러려면 스타일을 적용하고자하는 HTML 요소를 특정할 필요가 있기 때문에 선택자(selector)에 대해 잘 알아둬야 합니다. 먼저 css의 기본적인

2020년 4월 20일
·
2개의 댓글

[html] 인라인요소(inline-element) vs 블럭요소(block level element )

HTML의 태그는 크게 블록 요소(block element)와 인라인 요소(inline element)로 나누어 집니다. 이 부분을 명확히 이해하고 있어야 CSS를 사용하는데 어려움이 없습니다.이 각각의 요소에 적용되는 CSS가 별도로 존재하기 때문에 CSS를 적용해

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

[개인플젝 : Waste-less] 2주차 개발로그 - MongoDB limit( ), skip() 메서드 이용해서 페이지네이션하기

서버에서 데이터를 받아서 화면에 띄워보니 스크롤이 엄~청나게 길어진 화면이 나와버렸다. 이걸 원래는 page 1, 2, 3 이런식으로 분리하려고 했는데 그건 못했고 대신 더보기 버튼을 만들어서 버튼을 클릭했을때마다 데이터가 추가되는 형식을 적용했다. 페이지네이션(Pag

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

[개인플젝 : Waste-less] 2주차 개발로그 - Flask로 GET요청하여 데이터 주고받기 (JSON rendering)

Flask를 이용하여 본격적으로 서버와 통신하는 작업을 시작해봤다. 앞서 봤던 내용은 템플릿 렌더링 이라고 하여 단순하게 정적 페이지를 서버에 연결하여 렌더링하는 것이었다면 이번에는 JSON Rendering이다.JSON 형식으로 된 데이터를 요청하고 받아서 내 화면에

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

[개인플젝 : Waste-less] 2주차 개발로그 - Flask에서 내부 링크 만들기

1차로 템플릿 렌더링을 하고 난 뒤에 내가 하고 싶었던거슨...바로 네비게이션바에 내부 링크를 연결하는거였다. shop 누르면 shop 페이지로 이동하는거.. 처음에 바보같이 onclick 함수를 연결해서 flask에 api를 만들어줘야하나 하고 이리저리 삽질을 하고

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

[개인플젝 : Waste-less] 2주차 개발로그 - Flask template rendering

html 파일 -> templates 폴더 css, js, image파일 -> static 폴더반드시 이 규칙을 지켜줘야지 플라스크가 파일을 인식하고 렌더링 할 수 있음!이것 역시 플라스크가 인식할 수 있는 규칙으로 이야기해줘야한다.음하핫.. 이제 디자인 수정하러 가야

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

[개인플젝 : Waste-less] 1주차 개발로그 - python 데이터 크롤링

일단 제일 먼저 파이썬을 이용해서 데이터 크롤링을 해보기로 했다. 일단 데이터가 프로젝트의 생명이기도 하고 데이터를 추출해보면서 웹페이지를 어떻게 구상할지도 생각해보는게 좋을 것 같아서 말이다.근데 사이트 하나를 혼자 힘으로 크롤링해보는건 처음이라 시행 착오가 꽤 될거

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

[스파르타 코딩클럽 5주차] ✨ 개인프로젝트 'Waste-less' 기획안✨

프로젝트 주제 정하기 이번주부터 스파르타코딩클럽 커리큘럼의 꽃(?)이라고 할 수 있는 개인프로젝트 개발기간이 시작되었다. 주제 고민하느라 지난주에 나름 머리를 짜내며 고민해봤는데 두가지 방향중에 약간의 현실과의 타협이 필요했다.ㅠㅠ 현실과의 타협이란 이런거였다. 약간

2020년 4월 11일
·
2개의 댓글
post-thumbnail

[스파르타코딩클럽 4주차][python/flask] Flask 시작하기

Flask는 Python으로 구동되는 웹 프레임워크로, 간단하게 기능을 설명하면 내가 만든 프로그램에 서버를 구동시켜주는 편한 코드 모음이라고 할 수 있다. 서버를 구동하기 위해 필요한 복잡한 일들을 쉽게 가져다 쓸 수 있다. 파이썬의 다른 프레임워크인 Django

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

[HTTP]웹에서 HTTP란 뭘까?

지금까지 주로 봤던 html, css, javascript에 대한 지식들은 말하자면 웹의 앞단을 다루는 영역이었다. 하지만 모든 것에는 앞면과 뒷면이 있듯이 겉과 속을 이루는 구조 전체를 알지 못하면 이 웹의 세계라는 퍼즐조각이 맞춰지지 않는다. 프로그래밍 세계에 있

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

[WeStudy] 2주차 스터디 회고

공부를 꾸준히 하긴 했는데 이번주에는 블로그 갈아타고 싶다는 생각이 또 치밀어오르는 바람에 (결국 핑계) 블로그 포스팅도 하나도 하지 않았고...눈에 띌만한 결과물을 그럴듯하게 만들어내지도 못해서 맴이 씁쓸한것이 현실이다. 공부를 뭔가 하긴 했는데 왜 항상 일주일의 끝

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

[html/CSS] 웹사이트 클론 코딩 project 2 (feat. 위코드 사전스터디 1주차)

위코드에서 개강을 4주 앞두고 드디어 사전 스터디 팀이 꾸려졌다. 팀원들과 만나서 간단하게 4주동안 할 스터디의 방향엥 대해 얘기를 해봤고 1주차에 html과 css를 이용해서 자기소개 페이지를 만들고 모여서 결과를 공유하기로 했다. 안그래도 나는 css파트가 너무 부

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

[html/CSS] 웹사이트 클론 코딩 1

SCSS 설치의 늪을 드디어 벗어나고....😂 드디어 웹사이트 디자인 클론 코딩 시작했다. 휴.. 비교적 간단한 디자인 구성이라 쉽게 생각했는데 의외의 복병들이 좀 있었다. 모든 코딩이 그렇겠지만 CSS는 한번 꼬이기 시작하면 속수무책으로 머리가 아파져서 중간에 울고

2020년 3월 24일
·
0개의 댓글