오늘 오후엔 수업을 듣고 있었는데, 학교 선배님께서 데이터 분야쪽에서 인턴을 할 생각이 있냐고 여쭤보셨다. 사실 나는 5월20일 멋사 스쿨이 끝나고 나서, 전업으로 창업에 몰두 할 생각이였는데, 곰곰이 생각해보면 너무 무작정 하는건 아닌지, 내 경험이 얼마나 부족한지에 대한 생각이 많이 들었고, 무엇보다 지금 당장 가용할 수 있는 돈이 없없다. 안정적으로 돈을 받으며 창업을 준비하기엔 무리라는 생각이지만, 그건 내가 열심히 안했을 경우 아닐까? 지금 멋사도 생각해보면 6시까지 수업을 내내 듣고, 끝나고 나서야 내 창업아이템을 준비하고 있는데, 취업도 워라밸을 잘 지켜주는 회사에 들어간다면 충분히 내 아이템을 병행할 수 있을 것이라 생각한다. 나는 현실에 지는게 아니다. 여태까지 노래를 하고 싶어도 현실에 졌고, 창업을 하고 싶어도 취업에 졌다고 생각할 수 있지만, 나는 지금 내가 할 수 있는 최선을 하는 것이고, 그렇다고 다른것을 절대 포기하지 않을 것이다.

나 자신한테 약속하자. 나태해 지지 말고, 아무리 힘들어도 하고싶은 걸 포기하지 말자고.

잘 된다면 5월 말부터 인턴생활을 시작할텐데, 우선 그러기 위해 포폴준비도 열심히 하고, 데이터분석 공부를 다시금 해보자.

어제까지만 해도 정말 무언가를 빨리 할 생각에 기분도 좋고 설렘으로 가득 찼었는데, 오늘은 완전 정 반대로 고민도 제일 많고 복잡하고 머리가 터질 것 같다.

기창업자들은 이런 기분변화를 얼마나 느끼며 생활했을까, 창업자들이 지병을 괜히 앓는게 아닌 것 같다. 엄청난 무게감과 스트레스를 받으며 몇년을 살아가니 안아픈게 이상한거 아닐까..

오늘은 멋사의 Head of Product를 맡고계신 지훈님께서 하루종일 특강을 해주셨다. 가설검증 단계부터 기업의 가치관, 정체성, 문제설정 등등 정말 많은 것들을 배운 것 같다. 특히나 특강이 끝난 후 따로 질문을 드리러 찾아간 후 질문을 드렸다.

굳이 왜?

우선 내가 오늘 특강을 들으면서, 내 사업 아이템도 MVP모델을 정말 빠르게 출시하고, 배너를 세워서 사람들의 유입량을 체크해보는게 어떨까? 라는 생각이 들었다. 때문에 이 검증방법이 괜찮을까요? 라는 질문을 드렸는데, 정말 생각한거보다 가장 근본적인 문제부터 why? 를 던져주셨다.

내가 기획하고 있는 것은

어떻게보면 offline to online 이 될 수도 있는 사업이었고, 오프라인에서 더 잘 해결할 수 있는 문제를 왜 온라인으로 해결해? 에 대한 해결책을 도출해 내야만 한다고 하셨다. 때문에 오로지 온라인에서만 가능한 기능들이 무엇이있을까? 내가 정확하게 구현하고싶고, 제공하고 싶은 것은 무엇일까? 나도 그 문제에 대해 명확하게 확립해야될 것 같다는 생각이 들어 곰곰이 생각을 해보았다.

문제

오프라인에서 더 잘 해결할 수 있는 문제를 왜 온라인으로 해결해?앞에 그냥 엑스배너형식으로 놓으면 되는거 아닌가? 이런식으로 뽑아서 놔주는 사업이 더 돈이 될 수도 있다라고 하셨다. 인정 솔직히 가게당 10만원만 받아도 무겁고 세련된 메탈형식으로도 팔면 B2B로 충분히 가능성이 있는 것 같다. 현재로만 따졌을땐.

But 나는 온라인으로 통합할거다

Why 그렇다면 왜?

• 온라인만의 장점
• 우선 소비자는 아직 의사결정을 하지 않았음 (결정단계, 다른 매장을 갈 가능성도 충분히 있음)
• 물론 카카오맵,네이버 등 가게를 알아보고 오는사람도 있지만, 그 매장을 가는 과정에서도 비슷한 업종의 가게를 본다면 충분히 이 플랫폼을 통해

  그 매장에 대해서 알아볼 가능성이 있음

• 때문에 가격, 리뷰라는 것을 통해 이 가게를 빠르게 평가해보고자 함.
• 사람이 근본적으로 가지고 있는 호기심 해결가능
• 멀리 가지 않고도 그자리에서 동일업종 비교 가능

이러한 이유들이 나왔고, 충분히 생각을 더 해봐야 할 것 같다. 10분이 지나서 오늘은 이만. 주말동안 생각정리도 하고 녹음도 하자.

예전에 예비창업패키지 때문에 사업계획서를 쓰다 만적이 있는데, 그때의 악몽이 스쳐지나갔지만, 이번에 작성하는 건 요약에 초점을 둔 간단한 사업계획서 였기 때문에, 그때보단 부담이 덜 되지 않았나 싶다.

우선 요즘 드는 생각은, 최근에 멋사 스타트업 스쿨을 시작 한 후 내 방향성에 대해서 굉장히 고민이 많았는데, 스타트업 스쿨에 들어오길 정말 잘 한 것 같다는 생각이다.

1. 효율적으로 말하기 우선 주변사람들에게 내 아이디어를 설명해주면서 내 생각이 정리가 되는 느낌이다. 아무래도 오랜시간 대화를 할 수 없기 때문에, 굉장히 함축적으로 내 생각을 상대방에게 전달을 해야 한다. 그 환경속에서 내 생각을 정리해서 계속 말함으로써 내 아이디어를 상대방에게 어떻게하면 효과적으로 전달하고 이해시킬까? 라는 생각을 지속적으로 하게된다. 여기에 예비 창업자들의 피드백은 정말 도움이 된다.

2. 멋지고 좋은 사람들을 만날 수 있는 계기 보통 오후에 강사님들 혹은 대표님을 모셔서 강의를 기획해주셨는데, 한분한분 정말 대단하신 분들이고, 배울점이 너무 많은 것 같다. 추천해주신 책들은 오늘 사서 지금 카페에 와있는데, 이걸 다 쓰고 읽어 볼 예정이다.

   3. 멋지고 좋은 사람들엔 동기들이 물론 대부분이다. 이제 이틀차이지만, 생각보다 많은 동기분들의 피칭도 듣고, 많은 이야기를 나눌 수 있었다. 대화를 하면서 느낀점은 대부분 나보다 사회경험이 더 많으신 분들이 많았고, 그분들에게선 작은 것부터 큰 것들까지 배울게 너무나도 많다. 앞으로도 이야기를 많이 나누고, 그들을 보며 많은 것들을 배워나가고 성장할 것 같다.

   또한 매니저님들도 개발자를 하다오신 분부터 전반적으로 많은 지식을 가지신 분들이라 배울게 너무 많다. 배울게 정말 너무너무너무 많은 사람들 뿐이라 내일이 기대가 되고 배우는게 즐겁다.

   벌써 10분이 딱 지났다. 메모해둔 기억에 남는 것들을 메모하고 오늘은 이만.

• 아이디어 보다 시장의 크기가 더 중요하다.

• 최소한의 전문성을 갖추고있는 동료들이 균형있게 팀빌딩

• 나혼자 의지가 넘치는 x , 서로 존중하며 버틸 수 있는 팀빌딩

• 지분은 상관이 없지만, 의사결정을 할 수 있는 최종권한자가 필요하다고 생각.( 나는 약간 선택장애가 있다고 대학생활때부터 느꼈는데, 앞으로는 결정하는 연습도 해야겠다)

• 멋사 베트남 현지검증 방법

1. 사전알림으로 등록자 수 (베트남에서 많이쓰이는 페이스북 이용)
2. 전환율을 따짐

• 기억에 남는 마지막 단계

1. 완벽한 준비는 없다.
2. what이 아닌 why에 집중해야 한다.
3. 장기적인 계획이 필요하다.

내일도 모레도 다음주도 몇년 후의 나도 파이팅.

오늘부터 딱 10분의 제한시간을 두고 일기를 써보려고 한다. 규칙적으로 10분을 정해놓고, 일기를 무작정 써내려 가는 것인데, 정해져 있는 시간 탓에 정말 기억에 남는 것들만 써내려 가게 된다고 한다. 나는 내 기억력이 엄청 좋다고 생각하며 살았는데, 최근들어 까먹는 것들도 많아지고 내 기억력에 의구심이 들어 하루하루를 기록해 보려고 한다.

0302 (수)

멋쟁이 사자처럼 스타트업 스쿨 2기 첫 비대면 강의를 하는 날이였다. 졸업 후 생활패턴이 많이 꼬인 탓에 일어나는게 조금은 버거웠다. 사실 일어나고 20분은 레오(9개월, 러시안블루)를 만지작 만지작 하느라 게을러 지는 것 같기도 하다. 위치는 선릉역과 삼성역 사이 애플트리타워?인데, 생각보다 멀어서 앞날이 캄캄.,,,하다...

OT가 있는 날이였는데, 오전시간에는 간단한 멋사 소개와 3회차 30명이 자기소개 하는 시간을 가졌다. 그런데 정말 내 상상이상으로 대단한 커리어를 가진, 많은 경험을 하고오신 분들이 많았고, 그때문에 사실 초반에 엄청 움츠라 들어 있었다.

오후에는 1기 수료생 두분이서 본인들의 이야기를 들려주셨고, 그 다음은 개발세션으로 넘어가 개발자 두분이서 개발에 대해 간단하게, 그리고 앞으로 해야 할 것들을 가볍게 말씀해주셨다. 일단 눈앞에서 좋은기업들에 개발자로 재직해있던 분들의 이야기를 듣자하니 신기했고, 저분들은 어떤 삶을 살아왔을까..? 하는 생각이 많이 들었다. 4월에 개발세션 들어가면 많이 볼 것 같으니 질문도 많이많이 해야겠다.

마지막으로 그룹Orientation 시간을 가졌는데, 그 시간에 생각보다 많은 사람들과 대화를 할 수 있었고, 어떤 스타트업을 꿈꿔서 지원했는지, 서로의 꿈이 뭔지, 등등 많은 이야기를 나누며 조금은 친해질 수 있었다.

아 참 점심시간이 너무 기억에 남는다. 사실 내 MBTI는 ESTJ인데, 요즘 부쩍 I라고 느끼는 이유는 혼자 뭘 하고싶고 혼자있고싶다. 점심도 혼자 먹고 커피한잔 하면서 공원에서 쉬다 들어가려고 계획하고 있었는데, 옆 줄에 앉으신 동기님께서 친절하게 점심을 같이 먹자 해주셔서 점심을 어쩌다보니 4명이서 먹게 되었다.

그런데 생각보다 너무 좋으신 분들이였고, 하루 중 모든 것을 내려놓고 이야기를 제일 많이 한 것 같다. 생각 외로 찾아오는 상황이 나쁘지 않았고 아마 자주 볼 것 같다 :) 많은 생각도 들고 힘든 하루였지만, 더 힘들 날을 생각하며 오늘은 아무것도 아닌 날이라 생각하고 이만 10분이 지나서! 안녕

크롤러는 사전적으로 두가지 의미를 가진다.

1. 기는것
2. 파충류

코드라이언님은 크롤러가 우리대신 기어다니면서 데이터를 모아주는 것이라고 설명을 하셨다.

web crawling 크롤러를 사용해 웹 페이지의 데이터를 추출하는 것

이번시간에는 파이썬을 통해 크롤링을 배워 보기로 하겠다.

requests

터미널에서 pip install requests 입력해서 다운.

import requests

print(requests)

put 요청

requests에는 put,get,post,delete 과 같은 함수들이 있는데, get은 요청을 보내는 기능이다. 햄버거집에서 햄버거와 감자튀김을 요리사님께 요청을 보내고, 요리사님은 요청을 받고, 음식을 보내줍니다. 이와같이 클라이언트가 요청을 하면, 서버가 응답하는 것을 생각하면 get을 이해할 수 있다.

print(response.encoding)
인코딩이 어떻게 되어있는지 -> 다음은 ISO-8859-1

#print(response.headers)

#print(response.json)

#print(response.links)

#print(response.ok)

#print(response.status_code)

등등 많은 함수가 있다.

Beautifulsoup

이미 beautifulsoup을 다운해놨다고 가정했을때, 이건 import할때가 좀 다르다.

from bs4 import BeautifulSoup

이렇게 선언한다.

기본문법

BeautifulSoup (데이터,파싱방법)

print(BeautifulSoup(response.text,'html.parser'))

requests와의 차이점

reponse = requests.get(url)
print(type(response.text))

print(type(BeautifulSoup(response.text, 'html.parser')))

이런식으로 두개의 코드가 있는데, 사실 결과값은 보기에 똑같아 보인다. 그러나 사실 같지 않은데, 이것을 알기 위해 type을 붙혀준 것이다.

결과는 위에는 class 'str' , 아래는 class 'bs4.BeautifulSoup'으로 다른것을 볼 수 있다.

BeautifulSoup (데이터,파싱방법)

그 후, result라는 변수에 a태그중, link_favorsch 클래스를 가진 것만 가져와보도록 하겠다.

print(soup.findAll("a","link_favorsch"))

이렇게하면 실시간검색어만 잘 나오는 것을 볼 수 있다.

실시간 검색어 가져오는 총 코드

'''
from bs4 import BeautifulSoup
import requests
from datetime import datetime

url = "http://www.daum.net/"
response = requests.get(url)
soup = BeautifulSoup(response.text, 'html.parser')
rank = 1

results = soup.findAll('a','link_favorsch')

search_rank_file = open("rankresult.txt","a")

print(datetime.today().strftime("%Y년 %m월 %d일의 실시간 검색어 순위입니다.\n"))

for result in results:
    search_rank_file.write(str(rank)+"위:"+result.get_text()+"\n")
    print(rank,"위 : ",result.get_text(),"\n")
    rank += 1
'''

API

( Application Programming Interface )

API Key 발급받기

https://home.openweathermap.org/api_keys

가입 후 이메일 인증만 해주면, my api key에서 내 api 키를 볼 수 있다.

개개인의 고유성을 위해 문자와 숫자로 구성.

API 링크 만들기

Current Weather Data 를 이용해보도록 하겠음. API doc을 누르면, 설명서 보기 가능.

import requests

city = "Seoul"
apikey = "################################"
api = f"http://api.openweathermap.org/data/2.5/weather?q={city}&appid={apikey}"

//여기서 fstring을 써서 city, apikey에 위에서 설정한 값으로 입력넣어줌

result = requests.get(api)
print(result.text)

--

print(type(result.text))

여기서 result의 type은 str임을 알 수있다.

json 이용하기

javascript object notation 데이터를 주고받을때, json포맷으로 받아오는 경우가 많다.이미 위에 받아온 내용도 json형식.

import json

json을 사용할땐 dictionary를 생각하면 된다. 그렇다고 dictionary는 아님 때문에 형식 변환을 해줘야함.

data = json.loads(result.text)

이렇게 해주면 type을 활용해 보았을때, data는 dict형으로 변환된 것을 알 수 있다.

그 후 원하는 것을 뽑을때는 dictionary문법을 이용해서 똑같이 뽑아주면 끝. data["key값"] 이것만 알면 된다.

-최종 코드 -

import requests
import json

city = "Seoul"
apikey = "################################"
api = f"""http://api.openweathermap.org/data/2.5/\
weather?q={city}&appid={apikey}"""

result = requests.get(api)

# print(result.text)

data = json.loads(result.text)

print(data["name"],"의 날씨입니다.")
print("날씨는 ",data["weather"][0]["description"],"입니다.")
print("현재 온도는 ",data["main"]["temp"],"입니다.")
print("하지만 체감 온도는 ",data["main"]["feels_like"],"입니다.")
print("최저 기온은 ",data["main"]["temp_min"],"입니다.")
print("최고 기온은 ",data["main"]["temp_max"],"입니다.")
print("습도는 ",data["main"]["humidity"],"입니다.")
print("기압은 ",data["main"]["pressure"],"입니다.")
print("풍향은 ",data["wind"]["deg"],"입니다.")
print("풍속은 ",data["wind"]["speed"],"입니다.")

googletrans 라이브러리

언어감지와 번역기능이 있는 googletrans.import를 해주자

from googletrans import Translator

translator = Translator()

sentence = "안녕하세요 코드라이언입니다."
detected = translator.detect(sentence)

print(detected)

import 한 후, sentence에 글을 넣고 detect함수를 이용해주니 출력값으로 lang=ko 를 출력해준다. 한국어를 잘 감지했다.

이번엔 문장을 집적 입력받고, 무슨언어인지 출력해주는 코드를 짜보자.

sentence = input("번역할 문장을 입력하세요\n")
detected = translator.detect(sentence)

print(detected.lang)

translate

이번엔 원하는 언어로 직접 번역을 해주는 것을 해보자.

translator.translate(text,destination,src)

를 이용해주면 된다. 첫번째는 텍스트, 두번째는 목적지(언어) ,src는 인식하는 언어의 종류 (시작지 언어라고 생각하면된다. 구글을 믿고 안써도 된다.)

-최종 코드-

from googletrans import Translator

translator = Translator()

sentence = input("번역을 원하는 문장을 입력해주세요 : ")
dest = input("어떤 언어로 번역을 원하시나요?")

result = translator.translate(sentence,dest)
detected = translator.detect(sentence)

print("===========출 력 결 과===========")
print(detected.lang,":",sentence)
print(result.dest,":",result.text)
print("=================================")

메일 만들기

SMTP ( SIMPLE MAIL TRANSFER PROTOCOL ) 간단하게 메일을 보내기위한 약속.

메일을 보낼땐 무조건 smtp를 씀 서버에서 클라한테 보낼땐 IMAP이용. 그 외 서버끼리나 클라에서 서버는 SMTP

SMTP는 3가지 단계만 기억하자.

1. SMTP 메일 서버를 연결한다.
2. SMTP 메일 서버에 로그인한다.
3. SMTP 메일 서버로 메일을 보낸다.

• 1단계 서버연결 코드 -

import smtplib

SMTP_SERVER = "smtp.gmail.com"
SMTP_PORT = 465

smtp = smtplib.SMTP_SSL(SMTP_SERVER,SMTP_PORT)

• 2단계 서버에 로그인 코드 -

print(smtp.login("###@gmail.com","######"))

3단계 가기전에, MIME에 대해서 이해하고 가자. SMTP는 한국어를 알아듣지 못한다. 때문에 중간에 MIME형태로 변환을 해주고 보내줘야 한다.

그러기위해선

from email.message import EmailMessage

를 임포트 해주고,

message = EmailMessage()
message.set_content("중중")

message["Subject"] = "메일 제목"
message["From"] = "dafdf@gmail.com"
message["To"] = "sendedman34243@gmail.com"

이렇게 설정해주면 된다.

• 총 코드

  import smtplib
  from email.message import EmailMessage
  

SMTP_SERVER = "smtp.gmail.com" SMTP_PORT = 465

message = EmailMessage() message.set_content("코드라이언 수업중입니다.")

message["Subject"] = "이것은 제목입니다." message["From"] = "###@gmail.com" message["To"] = "###@gmail.com"

smtp = smtplib.SMTP_SSL(SMTP_SERVER,SMTP_PORT) smtp.login("###@gmail.com","######") smtp.send_message(message) smtp.quit()

### 메일에 사진첨부하기

![](https://images.velog.io/images/jinni_26/post/9cc46b0e-cbac-43cc-ad7c-df64d9cdc279/image.png)

이미지를 컴퓨터가 읽을 수 있는 바이너리로 변환시키는 것이다.

image = open("codelion.png","rb") print(image.read())

이 코드를 실행하면 , 바이너리 코드로 바꿔준 것을 볼 수 있다.

with open("codelion.png","rb") as image: image_file = image.read()

위 코드 없이 이렇게 작성하면, close없이 안전하게 파일을 열고닫을 수 있다.

본격적으로 첨부하는 방법에 대해 알아보자.

add_attachment(...) 을 이용해서 첨부할 수 있다.

import imghdr //import 해줘야 밑에 imghdr.what 사용가능

image_type = imghdr.what('codelion',image_file) message.add_attachment(image_file,maintype='image',subtype=image_type)

이렇게 해주면 이미지 첨부가 가능하다.

## 유효성 검사

reg = "^[a-zA-Z0-9.+_-]+@[a-zA-Z0-9]+.[a-zA-Z]{2,3}$" print(re.match(reg,"codelion.examplegmailcom"))

이걸 이용해서 함수로 만들어 주도록 하겠다.

def sendEmail(addr): reg = "^[a-zA-Z0-9.+_-]+@[a-zA-Z0-9]+.[a-zA-Z]{2,3}$" if bool(re.match(reg,addr)): smtp.send_message(message) print("정상적으로 메일이 발송되었습니다.") else: print("유효한 이메일 주소가 아닙니다.")

```

밑에서 나중에 sendEmail(이메일)입력해주면 끝

이로써 5일차 강의가 끝났다. 하루에 1강씩 듣는게 쉽지는 않았지만 생각보다 많이 재미있었고, 유익한 것들을 많이 배울 수 있었다. 감사합니다 코드라이언 :)

드디어 4일차. 내일이면 비대면 강의는 끝이 난다. 오늘은 같이푸는 Python 강의 인데, python 기본 문법이라던가, 간단한 알고리즘을 배울 것 같다.

가장 처음 소개해주는건

Input인데, 숫자를 받아주고, int형으로 변환시키는 코드를 배웠다.

input() 함수 정리.

• 사용자의 입력을 받는다.

• 문자열로 취급한다.

• 사용자의 입력을 반환.
• 입력은 엔터가 입력될 때 엔터 전까지를 모두 받는다. input("문자열") 은 사용자로부터 입력을 받을 때 보여줄 메시지를 입력하면 됩니다. 예를 들어 숫자를 입력해달라고 하려면
 input("숫자를 입력해주세요 : ") 라고 작성하면 됩니다.

출처: https://blockdmask.tistory.com/462 [개발자 지망생]

여기서 주의 할 점은 input은 입력을 문자열로 받기 때문에, 숫자와 같은 경우 int형으로 변환을 해줘야 한다

수학점수 = input(“점수를 입력 : “)
정수형_수학점수 = int(수학점수) 

이런식으로! 주의할 것

List

리스트의 모든 숫자 더하기

Print ( sum (list))

이렇게 해줘도 되고

Add = sum(list)
Print (add)

이런식으로 더하는 변수를 하나 생성해 주고, 그 변수를 출력하는 방법도 있다.

강의를 듣다 이중리스트,삼중리스트의 인덱싱이 헷갈려서 찾아보았던 것을 공유한다.

이번에는 다음 예처럼 리스트 a를 숫자 1, 2, 3과

또 다른 리스트인 ['a', 'b', 'c']를 포함하도록 만들어 보자. a = [1, 2, 3, ['a', 'b', 'c']] 다음 예를 따라 해 보자.

a[0]
1
a[-1]
['a', 'b', 'c']
a[3]
['a', 'b', 'c']

예상한 대로 a[-1]은 마지막 요솟값 ['a', 'b', 'c']를 나타낸다. a[3]은 리스트 a의 네 번째 요소를 나타내기 때문에 마지막 요소를 나타내는 a[-1]과 동일한 결괏값을 보여 준다. 그렇다면 여기에서 리스트 a에 포함된 ['a', 'b', 'c'] 리스트에서 'a' 값을 인덱싱을 사용해 끄집어낼 수 있는 방법은 없을까? 다음 예를 보자.

a[-1][0]
'a'

위와 같이 하면 'a'를 끄집어낼 수 있다. a[-1]이 ['a', 'b', 'c'] 리스트라는 것은 이미 말했다. 바로 이 리스트에서 첫 번째 요소를 불러오기 위해 [0]을 붙여 준 것이다. 다음 예도 마찬가지 경우이므로 어렵지 않게 이해될 것이다.

a[-1][1]
'b'
a[-1][2]
'c'

[삼중 리스트에서 인덱싱하기] 조금 복잡하지만 다음 예를 따라 해 보자.

a = [1, 2, ['a', 'b', ['Life', 'is']]]

리스트 a 안에 ['a', 'b', ['Life', 'is']] 리스트가 포함되어 있고, 그 리스트 안에 다시 ['Life', 'is'] 리스트가 포함되어 있다. 삼중 구조의 리스트이다. 이 경우 'Life' 문자열만 끄집어내려면 다음과 같이 해야 한다.

a[2][2][0]
'Life'

위 예는 리스트 a의 세 번째 요소인 리스트 ['a', 'b', ['Life', 'is']]에서 세 번째 요소인 리스트 ['Life', 'is']의 첫 번째 요소를 나타낸다. 이렇듯 리스트를 삼중으로 중첩해서 쓰면 혼란스럽기 때문에 자주 사용하지는 않지만 알아두는 것이 좋다.

또한

Append,insert,del,reverse,index 함수 등 많은 함수들은 더 정확하게 https://wikidocs.net/14 여기서 공부해 보았는데, 슬라이싱까지 리스트 관련 함수들을 괜찮게 공부한 것 같다. 참고하면 좋을 듯.

Dictionary

만드는법

Menu = {“짜장면” : 4000,”짬뽕”:3000}

짜장면 -> key 4000 -> value 는 한쌍! ,로 구분

추가방법

Dictionary에 값을 추가하고 싶다면

Menu [“냉면”] = 6000 

이런식으로 키와 벨류값을 = 으로 나타내주면 된다.

출력방법

print(menu[“냉면”]) 

처럼, 키값을 찾아주면 된다. 그러면 냉면에 해당하는 value값을 출력해준다.

print(menu["짜장"],menu["짬뽕"])

두개를 찾고싶다면 이런식으로.

수정하기

menu[“냉면”] = 8000

이런식으로 바꿔주면 된다.

삭제하기

Del menu[“key”] 이런식으로 dictionary에선 키값으로 거의 모든 것을 해결하는 것 같다.

조건문

if가 필요없는 비교연산자부터 배워보았다.

myGrade = 10
yourGrade = 15

print(myGrade == yourGrade)

로 출력하면 False가 나오게 된다. !=를 사용해서

print(myGrade != yourGrade)

로 쓴다면 True가 출력!

if문

If 문법은 조금 특이하다.

If 조건문:
Tap.   실행할 코드

여기서 탭은 4칸을 띄어주거나 , 탭을 누르는 것을 말하고, if 뒤에 꼭 한칸을 띄어쓰기 해줘야한다.

If 조건문:
    실행내용
Elif:
    실행내용
Else :
    실행내용

list와 if

아까 만든 food 리스트에, 내가원하는게 있는지 찾을려면

If food in orders:
    실행내용
Else :
    실행내용

Dictionary도 위 문법과 똑같다. 다만 출력 시 value 값을 원하면 menu[food] 이런식으로 입력.

반복문

while

while문의 로직은 이와 같다. 참이면 코드가 실행되고, 거짓이면 그 밑에있는 문을 실행하게 된다.

While True:
     print(“True”)

이런식으로 놓으면 계속 무한반복이 되게 된다. 무한반복에서 빠져나올려면 ctrl+c 버튼을 누르면 된다.

탈출하기

반복에서 탈출하려면 , break를 쓰곤 한다. 보통 if문이랑 같이 사용을 하게된다. 예를들어

I=0
While True:
    print(i)
    i++


if i>=3:
    print(“if문 동작”)
    break

print(“반복문 종료!”)

이런식으로 코드를 짠다면 , 0 1 2 if문 동작 반복문 종료! 가 되게 된다. 이유는 i에 2가 들어갔을때, 2를 출력해주고 i++로 인해 i가 3이되게 되는데, 이때 조건문에서 '3과 같거나 크다' 조건에 걸리기 때문에, 그 밑에 출력문을 실행해주고 브레이크에 걸려 while문을 탈출하게 되는 것이다.

for문

문법은

For 변수 in 시퀀스:
    실행코드

이다. 시퀀스도 많이 사용하지만

range를 보통 이용하는데

For x in range(시작,종료,스텝)

이런식으로 생각하면 된다. 시작과 스텝은 생략가능.

스텝은 -만큼 증가이기 때문에, 2를 넣어준다면, 2씩 증가해서 나오게 된다. -2를 넣어준다면 2씩 줄어든다.

코드 풀어보기

떨어지는 숫자

숫자를 입력받고, 1이 될때까지 1씩 감소하면서 모든 숫자를 출력해주는 프로그램. 바로 풀어보았다.

x = int(input("숫자를 입력해주셈"))

while x>0:
print(x)
x = x-1

아맞다. 파이썬에는 검색해보니 ++ —와 같은 증감연산자가 없다고한다…ㅠㅠ X— 로 했었는데 안되는 바람에 찾아보았다… 잘 찾아본 것 같다!

줄바꿔 출력하기

다음 문제는 숫자를 입력받았을때, 한줄 씩 띄어쓰며 출력해주고, 10단위에서 줄바꿈을 해주는 문제이다.

풀이 ——

x = int(input("숫자를 입력해주세요 : "))

for i in range(1,x+1) :
print(i,end=" ")
if (i%10 == 0):
print("")

랜덤로또숫자 생성기

파이썬 랜덤모듈이 기억이 안나서 찾아보았다.

우선 import random은 필수.

https://www.daleseo.com/python-random/

거의모든 랜덤모듈 사용법이 나와있다. 참고!

.randint, .randrange(시작,끝,스텝),.choice를 많이 쓸 것 같다.

본론으로 들어가서, 몇개의 로또를 살건지 입력받고, 랜덤으로 1부터 45까지의 숫자중 6개를 뽑아준다. 그리고 로또의 갯수만큼 반복시켜서 출력시켜주는데, 로또번호는 오름차순으로 정리해서 출력해주는 프로그램이다.

풀이 —

import random

lotto = int(input("몇 개 사실래요?"))

for i in range(1,lotto+1):
lotto_num = random.sample(range(1,46),6)
lotto_num.sort()
print(lotto_num)

오늘의 TIL 끝! 비록 진짜 간단한 알고리즘 들이긴 하지만 ( 알고리즘 이라고 하기도 뭐한가..? ) 강의를 들으며 간만에 로직을 생각하고 풀수있는 강의다 보니까 시간가는 줄 모르고 기본부터 공부했던 것 같다. 혼자 신나서 다른 동기들도 잘 풀 수 있도록, 나 또한 다른 동기들의 코드를 보며 배울 수 있도록 Q&A 답변을 엄청 열심히도 달았다.. 뭔가 근데 이 활동을 하면서 좀더 기본을 다잡고 문법을 많이 찾아보다 보니까 실력이 많이 는 기분이 들었다. 강의해주신 코드라이언 님께 감사드리며 내일이면 비대면 강의는 끝! 마지막까지 힘내자 :) 파이팅

로또 번호 추첨기를 만들어 볼 건데, 가장 기본이되는 javascript의 문법을 알아보자.

자료형

문자열 String 숫자형 자료형 int float 불 자료형 bool - true false

확인하는 방법 Type of ‘변수’

Var name = ‘엄준식’; document.write(typeof name);

배열

하나의 변수에 여러개를 넣을 수 있어서 편함.

Var lotto = [1,2,3,4,5,6];

여기서 1은 lotto[0]. 즉 0번째이다. 첫번째라해서 인덱스값이 1이 아님. 0임!

.push -> 마지막에 값 추가 가능 lotto.push(7); 이런식으로 끝에 7 추가 가능

Var lotto = []; // 빈 배열을 만들어주고 여기에 push를 통해 랜덤숫자 넣어줌

lotto.push(parseInt(Math.random() *45 +1));

반복문

여기서 6개의 숫자를 넣어줘야 하니까

For ( var i = 0; I<6;i++) {
    lotto.push(parseInt(Math.random() *45 +1));
}

반복문의 문법. 첫번째 var i = 0 이 시작. 0부터 시작을 해서 ,중간에 i<6 즉 5까지 반복을해준다. i++은 i가 1씩 증가하면서 반복한다는 뜻이다.

조건문 중복제거

로또번호는 중복이 없기때문에, 같은 값이 나오는 경우를 제거해 줘야함.

조건 추가. 만약 중복이 아니라면 -> push 만약 중복이면? -> 푸쉬를 안해주고 다시돌림

조건문 기본구조

if(조건) {
    참일경우 실행
}

어떻게 구분할 것인가. .indexOf(값) 값이 있으면 위치 나타내주고, 없을때 -1이 나타남. 그렇다면 인덱스오브를 실행했을때, -1이 나오면 중복되는 숫자가 없다는 뜻이니까 실행.

Var num = parseInt(Math.random() *45 +1 );
If (lotto.indexOf(num) == -1) {
    lotto.push(num);
}

이렇게하면 안댐 반복문 6번돌고 끝이기때문에.

.length는 배열의 길이를 출력해주는 것인데,

for문을 지우고, While (lotto.length < 6) 이 문을 입력하면, 6개가 들어가면 끝.

정렬

Lotto.sort((a,b) => a-b);

이러면 오름차순 정렬

끝

DOM

( Document Object Model )

웹 화면을 구성하는 html코드를 쉽게 접근하게 해주는 모델

<h1>안녕</h1>

안에 있는 안녕을 하이로 바꿔준다거나, 클래스를 추가해준다거나, p태그를 추가해준다거나, 즉 화면을 구성하는 모든것에 접근할 수 있고, 수정할 수 있는 것을 돔이라고 함

자소서 숫자 세기 프로그램

이건 js강의이기 때문에 이미 페이지는 만들어져 있어서, 만들어져 있는 구성품의 id를 가져오는 방식으로 진행이 되었다.

html문서 일부 중 문자를 쓰는 공간과, 밑에 글자수를 나타내주는 코드를 가져왔다.

<textarea class="form-control" rows="3" id="jasoseol" onkeydown="counter();">저는 인성 문제가 없습니다.</textarea>
<span id="count">(0/200)</span>

여기서 id값을 추출해주고, 글자수를 세는 counter 이라는 함수를 만들어보자.

<script>
function counter() {
var content = document.getElementById('jasoseol').value;

document.getElementById('count').innerHTML = '(' + content.length + '/200)';
}
counter();
</script>

위 함수로는 그러나 200자가 넘어도 계속계속 세어주게 된다. 때문에 조건문을 추가하여 200자가 넘으면 짤라주는 코드를 작성해보자.

if (content.length > 200) {
content = content.substring(0,200);
document.getElementById('jasoseol').value = content;
}

미니스타크래프트 게임 만들기

HP가 정해져있고, 공격할때마다 HP가 1씩 깎이고, 0에 다다르면 벙커를 파괴하는 게임이다. 이번에는 jquery를 이용해서 하는데, jquery는 다른 문법으로 조금 더 간단하게 id를 불러오거나, 등등 많은 코딩을 할 수 있도록 도와준다.

예를 들어

document.getElementById(‘content’).value 

를 제이쿼리를 이용하게되면

$(‘#content’).val(); 

이 문장하나면 똑같은 기능을 수행한다.

제이쿼리의 장점으로는

1. 간결한 문법
2. 편리한 API
3. 크로스 브라우징

모든 브라우저에서 동일한 동작을 수행할 수 있도록 해주는 크로스 브라우징 기능이 신기했다.

사용법

code.jquery.com 에 들어가서 최신버전 minified를 누르고, 코드를 복사한 후 내 html 코드 Body 부분에 붙혀준다.

jquery 기본문법

*$(선택자).행위; * 여기서 선택자는 css문법에서 가져오는 문법이랑 비슷하다. ‘ 따옴표 안쪽에 #뒤에 이름을 적어주면 된다.

이벤트

onclick과 같은 js 문법을 다르게 실행 하는 문법은 다음과 같다.

$(‘#click’).click(hello);

침 나타내기

Fading 함수들.

Query 홈페이지 https://api.jquery.com/

에서 API Documentation 에 들어가게 되면, 모든 사용방법이 나와있으니, 여길 참고하면 좋을 것 같다.

Fadein 나타나게하는 함수는 .fadein(duration, complete) 라고한다.

기념일 세기 만들기

객체

이사람은 이름은 조코딩이고 나이는 20살이다

이런 -는 -다 가 있을때, 코드로 표현해주는 것이다. 이걸 표현해주자면

Var person {
    name : ‘geocoding’,
    age: 20
}

가 된다. 이런식으로 앞에 name과 age는 key라고 한다. 뒤에는 값이 되고, 숫자뿐만 아니라 배열, 또다른 객체가 들어갈 수도 있다. 이떈 메소드라고 부른다.

호출할때는 객체.키; Ex ) person.name; 함수일경우 person.hello() 즉 document.write(); 과 같은 것도 객체였던 것이다.

Var document {
    write : function(){출력해주는거}
    getElementById : function(){id따서 가져오는거}
}

이런식으로 등등 많은 것들이 라이브러리에 엄청나게 선언되어 있겠지..? 하는 생각이 들었다. 대단한 사람들..

Date() 객체 이용하기

• 선언방법

Var 변수이름 = new Date();

이걸 이용해 날짜 계산기 만들기 (d-day)

날짜를 6월 30일이라고 가정하고 지금까지 얼마나 지났는지 알아보자. 현재시간 - 예전시간 을 한다면 얼마나 지났는지 알 수 있다. 그러나 디데이는 사귄날부터 1일이고, getTime으로 얻은건 ms이기 때문에 1000을 곱해주고, 분,초 60,60 24시간 하루를 곱해준 걸로 나눠줘야 한다. 그 후 1을 더해야 정확한 D-day가 설정 가능하다. 그리고 마지막으로 Math.floor을 써서 소숫점을 버려줘야 정수로 나온다. 이때 parseInt가 생각났다.

올림 내림 반올림이 궁금하여 찾아봤는데

Math.round(); - 반올림
Math.floor(); - 내림
Math.ceil(); - 올림

이라고 한다. 어쨌든 날짜 구하기를 코딩해보면

var now = new Date();
var start = new Date('2020-06-30');

var timeDiff = now.getTime() - start.getTime();
var day = Math.floor(timeDiff / (1000 * 60 * 60 * 24) + 1);
$('#love').text(day + '일째');
console.log(day);

이렇게 된다.

이번엔 기념일까지 얼마나 남았는지 계산해보자.

계산법은

기념일 - 오늘 을 뺴주면 된다.

var valentine = new Date('2021-02-14');
var timeDiff2 = valentine.getTime() - now.getTime();
var day2 = Math.floor(timeDiff2 / (1000 * 60 * 60 * 24) + 1);
$('#valentine').text(day2 + '일 남음');

이 두개만 잘 이용해도 모든 기념일 계산기를 만들 수 있다.

Github push하기

// 시작하기: git init
// 유저 이름 설정: git config --global user.name "codelion-jocoding"
// 이메일 등록: git config --global user.email #####@gmail.com
// 파일 추가: git add .
// 메세지 입력: git commit -m "first commit"
// 보낼 곳 등록: git remote add origin https://github.com/codelion-jocoding/myrepo.git
// 보낼 곳으로 코드 전송: git push origin master

터미널에서 이것만 입력해줘도 완벽가능!

뭔가 오늘이 제일 강의도 많고 만들것도 많아서 엄청 유익했던 것 같다. Javascript 와 jquery를 이용해 보며 비록 간단한 기능들이였지만 많은 것을 체험해 볼 수 있었던 강의였다! 감사합니다 조코딩님 :)

러시아 인형

코딩을 러시아 인형에 비교를 많이 하셨다. 마트로시카? 라는 인형인데 인형속에 인형이 있고, 인형이 또 있고 감싸주는 인형같은 것이다.

가장 기본이 되는 코드를 안에 넣어줘서 하나의 작은 인형을 만들어 주고, "()"과 같은 인형으로 그 인형을 감싸주는 인형을 만든다. 또 그 위에 함수와 같은 인형으로 감싸주고, 이런식으로 코드를 이해하기 쉽게 설명 해 주셨다.

반복문

예를들어 음식들 중 랜덤으로 하나 뽑아주는 프로그램을 작동시켜, 30번 음식을 뽑고싶다. 이때 가능한 방법은 여러가지가 있는데

printf(random.choice(["된장찌개","김치찌개","김치찜","냉면"])
printf(random.choice(["된장찌개","김치찌개","김치찜","냉면"])
printf(random.choice(["된장찌개","김치찌개","김치찜","냉면"])
printf(random.choice(["된장찌개","김치찌개","김치찜","냉면"])
printf(random.choice(["된장찌개","김치찌개","김치찜","냉면"])
printf(random.choice(["된장찌개","김치찌개","김치찜","냉면"])

가장 원초적인 방법을 이용하여 이런 코드를 이용하여 30번 반복해 줄 수 있는데, 이 방법은 굉장히 나쁜 방법이다. 요즘은 이런 약어가 있다고 한다.

*DRY *Don't Repeat Yourself

혼자서 반복하지 말아라. 즉 무언가를 시켜서 반복시켜라 라는 뜻인데, 이를 어떻게 간단하게 반복시킬지 알아보도록 하자.

대표 문법으로

for i in range(30):
    print(random.choice(["된장찌개",--]))

이런식으로 반복문을 돌리게 된다면 0부터 29까지 반복을 하며 총 30번 반복을 해서 출력을 해주는 것을 볼 수 있다.

무한반복 시키기

무한반복은 쉽다.

while True:

이런식으로 while에 트루값을 주면 무한대로 반복하게 된다. 이때 조건문을 대입해 break;를 이용하여 반복을 멈출 수 있다.

List와 Dictionary

**

List와 차이점**

Dictionary는 -는 : -다. List는 그냥 진짜 나열!

Dictionary는 {} 중괄호 List는 []대괄호!

코드로 알아봅시다.

information = {"고향":"수원", "취미":"영화관람","좋아하는 음식":"국수"}
foods = ["된장찌개", "피자", "제육볶음"]

이와같이 dictionary는 위에서 설명한 것과 같이 key값과 value가 쌍으로 존재! List는 음식들과 같이 쭉 나열해 주는 용도임을 알 수 있었다.

List와 SET

리스트와 집합의 차이를 알아보자.

리스트는 기본적으로 순서가 있다. List1 = ['지니','램프,'요정'] 이라고 한다면, 0번째가 지니 1번째가 램프, 요정은 2번째이다. 즉 순서가 명확하다.

그러나 SET은 순서가 있지 않다. 집합이기 때문에 그저 집합 안에 원소로 존재하며 순서는 의미가 없다. 집합의 특징은 중복이 없다는 것이다.

그렇다면 리스트를 집합으로 바꾸는 방법에 대해 알아보자.

foods = ["된장찌개","김치찌개","고등어조림"]

과 같은 foods라는 리스트가 있다.

그렇다면 간단하게

set_foods = set(foods)

이런식으로 foods를 set이라는 러시아인형으로 감싸주어 집합으로 변환시켜주고, set_foods에 저장을 해주는 것이다.

이후 위에 배운 기초 문법들과 append 와 del을 이용하여 음식들을 추가하고, 삭제하면서 마지막에 랜덤으로 음식을 골라주는 프로그램을 작성해 보았다.

lunch = ["된장찌개", "피자", "제육볶음", "짜장면"]

while True:
    print(lunch)
    item = input("음식을 추가 해주세요 : ")
    if(item == "q"):
        break
    else:
        lunch.append(item)
print(lunch)

이런식으로 무한반복 시켜놓고 음식을 추가하고, q를 입력하면 break를 건다. 일부를 발췌했다.

이상형이 어떻게 되나요? 코딩

이런식으로 내가 원하는 만큼 질문을 입력해 주고, 답변을 입력하면 질문과 답변이 입력한 순서대로 쫘라락 출력이 되는 프로그램이다.

Dictionary를 이용한 코드풀이

total_dictionary = {}

while True:
    question = input("질문을 입력해주세요 : ")
    if question == "q":
        break
    else:
        total_dictionary[question] = ""

for i in total_dictionary:
    print(i)
    answer = input("답변을 입력해주세요 : ")
    total_dictionary[i] = answer
print(total_dictionary)

List를 이용한 코드풀이

total_list = []
while True:
    question = input("질문을 입력해주세요 : ")
    if question == "q":
        break
    else:
        total_list.append({"질문" : question, "답변" : ""})


for i in total_list:
    print(i["질문"])
    answer = input("답변을 입력해주세요 : ")
    i["답변"] = answer
print(total_list)

단일 방법이 아니라, dictionary를 이용해서도 비슷하게 먼저 풀어보고, List를 이용해서 제대로 풀어내는 과정이 참신하면서도 머리에 쏙쏙 박혀서 좋았던 것 같다. 다만 코드리뷰 전 전체코드를 작성할 때 문제를 보여준다거나 하면 내가 처음부터 다시 작성하기 편할 것 같다. html/css편도 마찬가지.

안녕하세요! 운이 좋게도 멋쟁이 사자처럼 스타트업 스쿨2기에 합격하게 되어 교육과정을 시작하게 되었습니다 :)

첫 주차에는 하루마다 다른 강의들을 수강하며 전반적인 언어들에 대하여 학습을 진행하게 됩니다.

오늘 수강한 강의는 "일단 시작하는 HTML/CSS" 강의이며, 이두희 대표님께서 직접 강의를 하십니다.

저는 우선 컴퓨터공학을 전공했고, 최근에 기초를 다잡고자 HTML/CSS에 대해 공부를 했었는데,

이두희 대표님의 강의를 들어보면서 다시 한번 기초를 다잡자! 하는 마음으로 강의를 수강했습니다.

우선 오늘 수강하는 내용은 포트폴리오 만들기 입니다.

이두희 대표님은 HTML/CSS를 문서에 비교하셨습니다.

사실 HTML은 코딩이야! 라는 말에 전공자들은 격하게 반응을 하는데요,

이에 이두희 대표님은 " HTML을 코딩을 한다기보단 문서를 만든다고 생각해라!" 라고 하셨습니다.

또한 기초 문법을 가방에 비교를 해주셨는데요,

가령 <가방1> 내용물 입니다 </가방1> 이런코드가 있다고 생각을 하면,

<가방2> <가방1> 내용물 입니다. </가방1></가방2> 는 큰 가방2 속에 가방1이 들어가 있는 느낌을 연상하면 됩니다.

HEAD와 BODY

head는 html의 큰틀 중 하나인데요,

head는 수화물 가방에 비유할 수 있습니다.

공항에 가서 수화물을 붙히게 되면 캐리어에 태그를 부착해주죠?

그 태그 속에는 목적지가 어디인지, 몇시에 출발하는지 등등 많은 정보들이 나와있습니다.

이처럼 head도 똑같으며, 안에있는 더 세부적인 내용들은 body에 들어가게 된다고 생각하면 될 것 같습니다.

제가 생각하는 head와 body는

저희의 몸은 HEAD가 되고, 눈,코,입,다리와 같은 것들은 BODY가 된다고 생각합니다.

Google fonts 사용법

웹을 만들면서 폰트는 사실 제일 중요하다고 해도 무방한 내용입니다.

강의 중 구글 폰트 사용법이 나오길래 공유해 봅니다.

*구글폰트 사용법

우선 구글폰트에 들어가서 원하는 폰트의 url를 복사합니다.

여기서 저 오른쪽 import를 누르시게되면 스타일태그와 함께 코드가 나옵니다! 복사만 해주시면 끝나기 때문에 참 쉽습니다.

@import url('구글 폰트에서 복사한 주소 url');

* {
    font-family : 'Montserrat'; /*다운받은 폰트*/
}

이런식으로 *태그와 함께 폰트를 지정해주면 모든 글씨체에 다운받은 폰트가 적용이 되는 것을 보실 수 있습니다.

왼쪽 정렬, 오른쪽 정렬 : float

가장 기초이자 한글에서는 사진을 왼쪽에 넣고, 글을 오른쪽에 넣고 하는 것과 같은 정렬방법 입니다.

이런식으로 Awesome Programming Company는 왼쪽에 있고, 같은줄인데 2020-Now는 오른쪽에 있죠?

이두희 대표님은 이걸 크게 섹션을 나눠놓고, 클래스만 바꿔주며 float 정렬을 함으로써 손쉽게 해결하셨습니다.

HTML 내용

< div class="float wrap" >
    <p class="title-text">UI/UX Designer </p>
    <p class="year-text">2011 - 2015 </p>
</div>

이런식으로 하나의 div 안에 타이틀과 년도 텍스트를 p태그로 설정해놓고, 밑에 css에서 float : left와 float: right 속성값을 주게 됩니다.

css내용

.float wrap {
 overflow: hidden;
margin-bottom: 4px;
}

.title-text {
float : left
}

.year-text {
float : right 
}

<p> 내용 </p>
<p> 내용2 </p>

이미지에 하이퍼링크 추가하기

보통 이런 아이콘을 클릭하면 바로 구글로 넘어가는 기능을 추가할 일이 굉장히 많은데요, 바로 알아보도록 하겠습니다

<a href="내 sns 주소">
< img class="sns-img" src="images/facebook.png">
</a>
.sns-img {
    width : 12px;
    height : 12px;
}

이와같이 a태그 안에 img를 주고, 클래스로 가로세로만 작게 해주면 완성! 참 쉽죠?

마지막은 제가 요즘 애용하는 emmet 사용법에 대해 설명 드리고 끝내도록 하겠습니다.

Emmet

강력한 자동완성 기능 등으로 HTML 작성 속도를 크게 향상시켜주는 플러그인입니다.

원하는 태그를 입력후 Tap버튼을 누르면 알아서 자동완성을 해주는데요, 예를들어 설명드리겠습니다.

div.hihi

라는 코드를 쓰고 tap을 누르게 된다면

<div class="hihi></div>

라는 코드가 완성이 됩니다. 참 쉽죠?

이 외에도

div*4

를 하면 div가 같은 단계에 4개가 완성이 됩니다.

.다음에 들어가는건 클래스명 ! *는 갯수 그리고 +는 추가생성으로 알아두시면 정말 편하게 코딩하실 수 있습니다.

https://nachwon.github.io/How_to_use_emmet/

어떤분이 잘 정리해 놓으신 문서 공유드립니다 :)

참 여러가지 문법들을 주저리주저리 써놓은 것 같은데요, 다음번에는 좀 더 깔끔하게 정리된 글로 찾아뵙도록 하겠습니다. 감사합니다.