Education (77) 썸네일형 리스트형 [개발스터디] week1: Next.js / ESLint / TypeScript 21-06-08 Week 1 목표 오늘은 개발환경 세팅하는 것이 주된 목표였고, 추가로 몇 가지 기본 개념들에 대해서도 공부하였다. Web Curriculum js ES6, ES7, ES8, ... babel react component lifecycle hooks global state management ( redux, mobx, ... ) webpack SCSS Next.js with vercel client side rendering vs server side rendering authentication cookie & session vs jwt http call http headers, http status REST API server GraphQL server (with apollo clien.. [생활코딩] CSS 배우기 1. CSS 등장 이전의 상황 HTML이 등장하여 문서를 만들 수 있게 된 이후, 많은 불평이 있었다. 문서의 글꼴 변경하기, 문자의 크기와 색상 변경하기, 가운데 정렬하기, 문서에 배경 색상 넣기, ... 웹페이지를 아름답게 꾸미기 위해 사람들은 두 가지 갈림길에 들어섰다. 쉽지만 한계가 있는 해결책 어렵지만 근본적인 해결책 즉, HTML에 디자인과 관련된 새로운 태그를 추가하는 것과 디자인에 최적화된 새로운 언어를 만드는 것 중에서 고민했다. 둘 중에 전자의 방법이 더 쉬울 것이다. 하지만 전자의 방법을 해본 결과, 한계를 깨닫고 후자의 방법을 택하기로 한다. 이렇게 탄생한 것이 CSS이다. 전자의 방법으로 추가된 태그가 이다. 이 글 이후로 CSS에 대해 배울 때에는 모두 기억을 지우면 된다. 만약.. [생활코딩] HTML 배우기 기획 이러한 형태의 웹 사이트를 만들 것이다. 수업의 전체 제목 왼쪽: 수업의 목차. 목차에는 링크가 걸려 있고, 이 링크를 클릭하면 해당하는 콘텐츠가 오른쪽에 표시된다. 오른쪽: 상단에 제목이 표시되고, 본문에는 제목에 대한 자세한 설명이 표시된다. 1. 코딩과 HTML 왼쪽 오른쪽 결과 원인 기계가 하는 일 사람이 하는 일 사람이 하는 일 (원인) 코드 (부호, 신호의 의미) 소스 (원천이라는 뜻) 컴퓨터 언어 (약속이라는 의미에서 언어) 기계가 하는 일 (결과) 애플리케이션 (앱) 응용 프로그램 프로그램 웹에서 결과를 웹페이지, 웹페이지가 모인 것을 웹사이트, 기능이 많으면 웹애플리케이션(웹앱)이라고 한다. 즉, 원인인 코드를 통해 결과를 만든다는 것이 코딩을 이해하는 핵심이다. 코드를 작성하는 언.. [부스트 코딩 뉴비 챌린지 2020] week7_LIVE 강의 출제자에게 듣는 7주차 미션 2번 답안 int answer = divisor[0] * divisor[N - 1]; 1과 자기 자신 수를 제외하므로, 가장 작은 수와 가장 큰 수의 곱이 찾으려는 숫자 N이된다. 이렇게 간단한 걸 왜 생각 못하고 함수로 짰을까.. 제출 안하길 잘한 듯..ㅠㅠ 어쩐지 빈칸이 한줄이더라 4번 답안 #include int main(void) { int N, i, input, flag[3000] = { 0, }; scanf("%d", &N); for (i = 0; i < N; i++) { scanf("%d", &input); flag[input + 1000]++; } for (i = 0; i < 3000; i++) if (flag[i] != 0) printf("%d ", i - 1.. [부스트 코딩 뉴비 챌린지 2020] FINAL 미션03 : 중위 표기법을 후위 표기법으로 변환하는 프로그램 ✔︎ 미션 3 (난이도 : 상) 1. 미션 제목 Infix to postfix (https://www.geeksforgeeks.org/stack-set-2-infix-to-postfix/) 2. 지시문 스택을 사용한 기본 문제중 하나로, 중위 표기법을 후위 표기법으로 변환하는 프로그램을 만드는 것 입니다. - 중위 표기법: 2 + 2 - 후위 표기법: 2 2 + 왜 후위 표기법으로 변환하는게 필요한가? - 컴파일러는 오른쪽에서 왼쪽 혹은 왼쪽에서 오른쪽으로 표기법을 읽기 때문 - 혹은 추가로 Use case 들을 찾아보아요~ 알고리즘 1. 중위 표기법을 왼쪽에서 오른쪽으로 읽는다. 2. 문자가 피연산자 (operand) 라면 출력결과에 저장 3. 연산자 (operator) 라면 3.1. 연산자가 들어오면.. [제주코딩베이스캠프] 웹개발 30분 요약 - 9. Python - f string 용법 Python 3.6 Version 사용법: f ' { 값 : 속성 } ' 1. {중괄호} 내에 바로 변수 작성 가능 age = 10 name = 'leehojun' print('제 나이는', x, '입니다') print('제 나이는 {} 입니다. 제 이름은 {}입니다.'.format(age, name)) print('제 나이는 {0} 입니다. 제 이름은 {0}입니다.'.format(age, name)) #f string {}내에 바로 변수 작성 print(f'제 나이는 {age} 입니다. 제 이름은 {name}입니다.') 제 나이는 10 입니다 제 나이는 10 입니다. 제 이름은 leehojun입니다. 제 나이는 10 입니다. 제 이름은 10입니다. 제 나이는 10 입니다. 제 이름은 leehojun입니.. [제주코딩베이스캠프] 웹개발 30분 요약 - 8. 30분 요약시리즈 - JS 2부 학습 리스트 배열 오브젝트(Object) if문 switch문 for문, while문 변수 scope : var, let, const 속성을 가리키는 방법 HTML에서 JS액션주기 jQuery jQuery 요약 메소드 실전 1. 배열 여러 값을 순서있게 저장하고 싶을 때 사용한다. 🚨주의 : sort()는 문자로 보고 사전식 정렬을 한다 (1->2->3->4->...->9->0) 2. 오브젝트(Object) (ex) 회원정보, 게시물 관리에 이용 3. if문 반드시 위에서 아래로 순차적으로 작동한다. 4. switch문 if문은 순차적인데에 비해, switch문은 바로 원하는 곳으로 한 번에 이동한다. 5. for문, while문 6. 변수 scope var: function scope. 한 함수 내에서.. [제주코딩베이스캠프] 웹개발 30분 요약 - 7. 30분 요약시리즈 - JS 1부 학습 리스트 환경 세팅 - Atom 변수 선언 산술 연산 논리 연산 비교 연산 함수 내장 함수 날짜 배열 패키지 emmet(자동완성 패키지), open-in-browser(코드를 html로 바로 열어주는 패키지) 1. 환경 세팅 Atom을 설치 및 실행한 후 두 패키지를 설치하였다. 코드를 작성한 후 ctrl+shift+Q를 누르면 브라우저로 바로 실행된다고 했는데, 나의 경우 되지 않았다. 왜인가 싶어 open-in-browsers의 설정에 들어가보니 브라우저 단축키가 ctrl+alt+o로 되어 있었다. 눌러보니 잘 실행된다. hello world HTML에서 JavaScript 코드를 추가하는 위치 코드는 순차적으로 읽히기 때문에 body의 태그들 뒤에 둔다. 만약 태그가 뒤에 두면 빨간색 글자의 ".. 이전 1 2 3 4 5 6 ··· 10 다음
