인타임

시몬

로드오브워

칠드런오브맨

 

포드v페라리

분노의 질주

 

루퍼

컨트롤러

고스트 워

'라이프' 카테고리의 다른 글

To do  (0) 2020.01.05
2020 생활 계획  (0) 2020.01.02

must - shall - will - can - may

should - would - could - might

Shall

우리 V할까?

Shall we V?

 

어디서 우리 V할까?

Where shall we V

Where shall we eat?

 

can

나 O를 V해도 돼?

Can i V3 O?

Can i eat this?

Can i call you tonight?

 

can not

나 V 못 해

I can't V

 

will

내가 V할게

I will V

 

내가 O에게 O2를 V할게

I will V4 O O2

I will buy you it.

 

S야 ~할래?

Will S V

 

너 O를 V할래?

Will you V3 O?

Will you drink a milk?

 

너 O에게 O2를 V할래?

Will you V4 O O2

Will you buy me the bread?

 

will not

너 V안할거지?

Won't you V?

 

너 O를 V안할거지?

Won't you V3 O?

Won't you eat that?

 

Let's

(우리) 하자

우리 V하자

Let's V1

 

우리 O를 V하자

Let's V3 O

 

우리 toV하기위해 O를 V하자

Let's V3 O to V

Let's leave here to dance

 

우리 O에 O2를 V하자

Let's V4 O O2

 

Let's not

(우리) 하지말자

V하지 말자.

Let's not V

 

O를 V하지 말자.

Let's not V O

Let's not buy that

 

O에게 O2를 V하지 말자.

Let's not V4 O O2

 

명령어

해!

V해

V

 

O를 V해

V3 O

Drive my car today

 

O에게 O2를 V해줘

V4 O O2.

 

O가 toV하는 것을 V해줘

V4 O to V

 

 

하지마!

V 하지마

Don't V

 

toV하기위해 V하지마

Don't V to V

Don't wait to eat it

 

O를 V하지마

Don't V3 O

 

toV하려고 O를 V하지마

Don't V3 O to V

Don't meet him to drink

기타

이거

this

 

그거

it

 

저거

that

 

이

this <noun>

 

그

the <noun>

 

저

that <noun>

 

~도

<sentence>, too

 

그냥

just

 

이제

now

 

여기

here

 

저기

there

 

그들

them

 

그 밖의 다른

else

 

그러면

then

 

배우다 learn 공부하다 study

 

You must not let anyone defines your limit.

다른사람이 너의 한계를 정하도록 하지말아야한다.

 

The size of your success depends on the depth of your desire.

너의 성공의 크기는 너의 간절함의 정도에 달려있다.

'영어' 카테고리의 다른 글

[100단어 영어회화의 기적] 복습  (0) 2019.12.30
Shall  (0) 2019.12.29
[100단어 영어회화의 기적] DAY 8 - 나만의 정리  (0) 2019.12.26
[100단어 영어회화의 기적] DAY 7 - 나만의 정리  (0) 2019.12.24
[100단어 영어회화의 기적] DAY 6 - 나만의 정리  (0) 2019.12.20

1.HTML5

HTML (Hyper Text Markup Language)

웹페이지 기술용 언어.

내용과 구조를 담당. 태그를 통해 구조화한다.

 

2014년 10월 28일 차세대 웹 표준으로 기능이 추가됨.

멀티미디어-플래시같은 플러그인 없이 비디오, 오디오 기능을 지원.

그래픽-SVG, 캔버스를 사용한 2차원 그래픽, CSS, WebGL을 이용한 3차원 그래픽 지원.

통신-서버와의 소켓 통신 지원으로 서버와의 양방향 통신 가능.

디바이스 접근-카메라, 동작센서 등의 하드웨어 기능 제어 가능.

오프라인 및 저장소-오프라인 상태에서도 애플리케이션을 동작시킬 수 있음. 플랫폼으로서 사용 가능.

시맨틱 태그-의미를 가진 태그를 도입해 콘텐츠의 의미를 설명할 수 있게 됨.

CSS3- 지원.

 

2. Hello HTML5

  • HTML5 문서는 <!DOCTYPE html>으로 시작해 문서형식을 지정한다.
  • HTML코드는 <html>과 </html>사이에 기술한다.
  • <head>와 </head> 사이에는 타이틀, 외부 파일 참조, 메타데이터의 설정 등이 위치.
  • 브라우저에 출력되는 요소는 <body>와 </body>사이에 위치한다.
<!DOCTYPE html>
<html>
	<head>
    	<mete charset="utf-8">
        <title>Hello World</title>
    </head>
    <body>
    	<h1>Hello World</h1>
        <p>안녕하세요</p>
    </body>
</html>

 

3. HTML5의 기본 문법

3.1 요소(Element)

시작태그와 종료태그, 그리고 그 사이에 위치한 콘텐츠로 구성된다.

태그는 대소문자를 구분하지 않지만 소문자를 추천.

 

3.1.1 요소의 중첩 (Nested Element)

요소는 중첩될 수 있다.

중첩 시 들여쓰기를 한다. 가독성을 위해.

 

3.1.2 빈 요소 (Empty Element)

콘텐츠를 가질 수 없는 요소를 빈 요소라고 한다.

빈 요소는 콘텐츠 없이 어트리뷰트만을 가진다.

예를 들면 br, hr, img, input, link, meta 등..

 

3.2 어트리뷰트 (Attribute)

어트리뷰트란 요소의 성질, 특징을 정의하는 면세이다. 요소는 어트리뷰트를 가질 수 있으며 어트리뷰트는 요소에 추가적 정보를 제공한다. 오트리뷰트는 시작 태그에 위치해야 하며 이름과 값의 쌍을 이룬다.

 

3.2.1 글로벌 어트리뷰트 (HTML Global Attribute)

글로벌 어트리뷰트는 모든 HTML 요소가 공통으로 사용할 수 있는 어트리뷰트다. 몇몇 요소는 적용되지 않을 수 있지만, 대체로 모든 요소에 사용할 수 있다.

 

id - 식별자를 element에 지정한다. 중복 지정 불가능.

class - 스타일 시트에 정의된 class를 요소에 지정한다. 중복 지정이 가능하다.

hidden - css의 hidden과 다르게 의미상으로도 브라우저에 노출되지 않게 한다.

lang - 지정된 요소의 언어를 지정한다. 검색엔진이 크롤링 시 언어를 인식할 수 있게 한다.

style - 요소에 인라인 스타일을 지정한다.

tabindex - 사용자가 키보드로 페이지 요소 이동시 순서를 지정.

title - 요소에 관한 제목을 지정한다.

 

3.3 주석 (Comments)

주석은 주로 개발자에게 코드를 설명하기 위해 사용된다. 브라우저에 출력되지 않는다.

HTML에서 주석은 <!-- -->를 사용하여 표시하고 내부에 주석을 작성한다.

 

출처

https://poiemaweb.com/html5-syntax

 

HTML5 Introduction & Syntax | PoiemaWeb

HTML (HyperText Markup Language)은 웹페이지를 기술하기 위한 마크업 언어이다. 조금 더 자세히 말하면 웹페이지의　내용(content)과 구조(structure)을 담당하는 언어로써 HTML 태그를 통해 정보를 구조화하는 것이다.　HTML5는 HTML의 최신 버전으로 아래와 같은 기능들이 추가되었다.

poiemaweb.com

 

'개발 > 웹' 카테고리의 다른 글

[HTML] 4. HTML 기본 태그  (0) 2019.12.24
[HTML] 3. 시맨틱 웹  (0) 2019.12.19
[HTML] 1. 프런트엔드 개발자 학습 방향  (0) 2019.12.17

프런트엔드 개발자가 하는일

애플리케이션을 사용하는 사람이 애플리케이션과 소통하기 위한 창구를 사용하기 좋게 구현한다.

 

서버의 데이터를 가져와 UI에 표현하기도 하고, 사용자가 입력한 정보를 서버에 전송해주기도 함.

디자이너와 백엔드 개발자와 협업.

 

프런트엔드 개발에 필요한 기술

HTML, CSS, js (DOM, event, ajax, node.js)

크로스 브라우징, HTTP

툴-git, webpack, babel, npm, eslint

Angular, React, Vue.js, TypeScript, jQuery

TDD

알고리즘/자료구조.

 

학습해야할 내용이 많음. 순서가 있음.

 

자바스크립트에대한 이해가 중요.

 

초심자가 경험하는 3가지 어려움

1.책이나 수업의 내용을 못알아들음. 주변 개발자의 말을 못알아들음.

배경지식의 부족으로 나타남. 컴퓨터 지식, 용어에 대한 이해, 기본 상식.

 

2. 어떻게 만들어야 할 지 감이 오지 않음.

문제 해결능력 부족. 컴퓨터 사고, 알고리즘/자료구조, 경험.

해결과제의 명확한 이해->복잡한 문제를 단순한 문제로 분해 -> 자료 정리 및 구분 -> 해야할 일 정리

 

3. 어떻게 만들어야 할 지는 알겠지만, 실제로 구현은 하지 못함.

구글링한 코드를 분석할 수 없다.

이해와 연습이 필요.

 

효율적인 프로그래밍 학습 방법

->그런 것 없음.

의식적인 연습을 꾸준히 하는 만큼 성장.

단순 반복과 다름.

 

라이브 코딩은 지식 습득이 아님. 단순 코드 타이핑은 실력이 늘지 않는다.

쉬운 것만 반복하는 것도 연습이 아님.

자신의 능력을 조금 넘는 문제에 도전하는 것이 필요.

시행착오를 통해 성장.

시도->실패->재도전-> ... -> 성장

베이스 지식부터 습득.

너무 얉은 공부도, 너무 깊은 학습도 비효율적.

 

주위 동료의 피드백에 겸손하고 적극적으로 반응하여 교정.

 

마음가짐

서두르지 말 것.

실패를 두려워하지 말 것.

학습한 것을 기록.

프로는 기본기가 탄탄해야함

자신의 일을 좋아해야함.

호기심을 갖을 것.

꾸준히 평생.

 

https://poiemaweb.com/Front-end

 

Front End | PoiemaWeb

 

poiemaweb.com

 

'개발 > 웹' 카테고리의 다른 글

[HTML] 4. HTML 기본 태그  (0) 2019.12.24
[HTML] 3. 시맨틱 웹  (0) 2019.12.19
[HTML] 2. HTML5 기본 문법  (0) 2019.12.18 
bool isPrime(int number)
{
    if (number == 1)//1은 소수가 아님
        return false;
    if (number == 2)//2는 소수
        return true;
    if (number % 2 == 0)//짝수 제거
        return false;
 
    bool result = true;
    for (int i = 2; i <= sqrt(number); i++)//제곱근 만큼만 구하면 알 수 있음
    {
        if (number% i == 0)//나눠지면 소수 아님
            return false;
    }
 
    return result;
}

'알고리즘 > 지식' 카테고리의 다른 글

[정렬 알고리즘] 합병 정렬  (0) 2020.03.03
[정렬 알고리즘] 삽입 정렬  (0) 2020.03.03
[정렬 알고리즘] 버블 정렬  (0) 2020.03.03
[정렬 알고리즘] 선택 정렬  (0) 2020.03.02
[기본] 정렬 알고리즘  (0) 2020.03.02 
#include <string>
#include <vector>

using namespace std;

string solution(string s) {
    string answer = "";
    //짝수인경우
    int ssize = s.size();
    if(ssize%2 == 0){
        answer.push_back(s[(ssize>>1)-1]);
        answer.push_back(s[(ssize>>1)]);
    }else{
        answer.push_back(s[(ssize>>1)]);
    }
    return answer;
}

'알고리즘 > 풀이' 카테고리의 다른 글

[ALGOSPOT/알고스팟/C++]외발 뛰기  (0) 2020.01.03
[프로그래머스/C++] 숫자 야구  (0) 2019.12.30
[프로그래머스/C++] 모의고사  (0) 2019.11.30
[프로그래머스/Python] 탑  (0) 2019.11.15
[Programmers] 프린터  (0) 2019.11.11 
#include <string>
#include <vector>
#include <iostream>
#include <algorithm>
using namespace std;

vector<int> solution(vector<int> answers) {
    vector<int> answer;
    vector<int> a={1,2,3,4,5};
    vector<int> b={2, 1, 2, 3, 2, 4, 2, 5};
    vector<int> c={3, 3, 1, 1, 2, 2, 4, 4, 5, 5};
    vector<int> count_vec = {0, 0, 0};
    for(int i=0; i<answers.size();i++){
        if(answers[i]==a[i%a.size()]){
            count_vec[0]++;
        }
        if(answers[i]==b[i%b.size()]){
            count_vec[1]++;
        }
        if(answers[i]==c[i%c.size()]){
            count_vec[2]++;
        }
    }
    //cout<<count_vec[0]<<", "<<count_vec[1]<<", "<<count_vec[2]<<endl;
    //cout<<max_element(count_vec.begin(), count_vec.end()) - count_vec.begin()<<endl;
    int max_v = *max_element(count_vec.begin(), count_vec.end());
    for(int i=0; i< count_vec.size();i++){
        if(count_vec[i] == max_v){
            answer.push_back(i+1);    
        }
        
    }
    return answer;
}

 

'알고리즘 > 풀이' 카테고리의 다른 글

[프로그래머스/C++] 숫자 야구  (0) 2019.12.30
[프로그래머스/C++] 가운데 글자 가져오기  (0) 2019.11.30
[프로그래머스/Python] 탑  (0) 2019.11.15
[Programmers] 프린터  (0) 2019.11.11
[Programmers] Python 위장  (0) 2019.11.11

아직 파이썬 for문이 익숙치 않다.

C언어가 편하다...

def solution(heights):
    answer = [ 0 for x in heights]
    current_v=0
    heights.reverse()
    for i, v in enumerate(heights):
        current_v=heights[i]
        for j in range(i+1, len(heights)):
            if heights[j]>current_v:
                answer[i] = len(heights) - j
                break
    answer.reverse()
    print(answer)
            
    return answer

 

타인의 풀이

def solution(h):
    ans = [0] * len(h)
    for i in range(len(h)-1, 0, -1):
        for j in range(i-1, -1, -1):
            if h[i] < h[j]:
                ans[i] = j+1
                break
    return ans

 

'알고리즘 > 풀이' 카테고리의 다른 글

[프로그래머스/C++] 숫자 야구  (0) 2019.12.30
[프로그래머스/C++] 가운데 글자 가져오기  (0) 2019.11.30
[프로그래머스/C++] 모의고사  (0) 2019.11.30
[Programmers] 프린터  (0) 2019.11.11
[Programmers] Python 위장  (0) 2019.11.11

+ Recent posts

티스토리툴바