오늘의 언어

프론트엔드 엔지니어 [HTML / CSS / JavaScript] 웹페이지를 꾸미는 CSS는 HTML이 만들어지고 4년 후 등장. 사용자와 상호작용하는 JavaScript는 HTML이 만들어지고 5년 후 등장. 백엔드 엔지니어 PHP JSP Nodejs Express Python Django Ruby on Rails ASP.net 이 기술들은 서로 경쟁관계에 있고, 이 중에 하나를 공부하면 된다. 코드의 힘 : 동영상 첨부 DISQUS 서비스 / LiveRe 서비스 : 웹페이지 하단에 댓글 추가 - GET STARTED > I want to install Disqus on my site > 무료 Basic 버전 클릭 > > 나오는 코드 복사해서 웹사이트 코드 내부 원하는 위치에에 붙여넣기. disqus가..

웹브라우저가 제품명이 아니라 제품군인 것처럼, 웹서버 제품군에도 여러 제품들이 있다. Apache IIS Nginx 이 중에서 우리가 사용할 소프트웨어는 아파치. 무료이고, 가장 꾸준히 많이 쓰이는 웹서버이다. 생활코딩에서는 혹시 미래에 해당 운영체제가 사라질 수도 있으니 늘 스스로 검색해서 찾아보는 습관을 권해주신다. 추천 검색어 : how to install apache http server (운영체제 이름 - Window / Mac ) 2021 how to easy install apache http server birtnami를 통해 apache 서버를 활용해보기로 한다. 검색 : bitnami wamp stack https://bitnami.com/stack/wamp/installer Insta..

링크를 통해서 서로 결합되어 있는 웹페이지들의 그룹 = 웹사이트(web site) 인터넷이 도시라면 웹은 도시 위에 있는 건물 하나 인터넷이 도로라면 웹은 도로 위를 달리는 자동차 한 대. 인터넷이 운영체제라면 웹은 운영체제 위에서 동작하는 하나의 앱. 1960년은 인터넷이 탄생. 1990년에는 웹 시작. Internet 1960년, 핵전쟁이 끝난 지 얼마되지 않은 시기. 미국에서는 핵공격이 일어났을 때 통신시스템에 심각한 취약점이 있다는 것을 발견. 당시에는 통신 시스템이 중앙집중적이었기 때문에 핵공격을 당하면 통신이 마비되는 위험이 있었던 것. 이런 문제를 극복하기 위해서 분산된 형태의 통신시스템을 구상하게 되는데 그것이 인터넷의 시작. 정보 기업들을 묵묵히 지탱하는 거대한 인프라 = 인터넷. WEB..

학습 사이트도 괜찮으시다면 추천드리겠습니다. 배울 수 있는 곳이 정말 많지만 저는 아래 사이트들을 추천드리고 싶습니다. 1. 생활코딩 : 한글로된 영상으로 차근차근 기초부터 배우고 싶으시다면 "생활코딩" 강의를 추천드립니다. 강사님이 설명을 정말 잘해주시고 모든 강의가 무료입니다. HTML: https://opentutorials.org/course/3084 CSS: https://opentutorials.org/course/3086 Javascript: https://opentutorials.org/course/3085 2. CodeCademy : 영어로 되어있긴 하지만 개념 정리와 함께 미션을 통해 바로 실습을 하며 익힐 수 있어서 빠르게 배울 수 있습니다. 이것도 일부 기능을 제외하고 HTML CS..

웹페이지 (결과) / html 언어 코드, 소스 (원인) 내가 만들고 싶은 페이지 생각하면서 수업 따라가기 ! utf-8로 구성된 문서이니 utf-8로 문서를 읽으라는 문자규칙. https://www.advancedwebranking.com/html/ The average web page from top twenty Google results Apparently, an average web page uses thirty-two different element types: The thirty-two elements used on most pages, ordered by appearance frequency: www.advancedwebranking.com 가장 많이 쓰이는 태그들. p vs br h => ..

생활코딩을 통해 처음부터 차근차근 개념을 되짚어나가려고 한다. 막상 시작하니까 그 흐름이 너무 체계적이고 탄탄해서 홀린듯 쭉 영상을 보며 정리를 해나가고 있다. 사람이 하는 일 = 원인 부호 또는 신호라는 의미의 코드 (code), 원천이라는 뜻의 소스 (Source), 약속이라는 의미에서 언어 그 중에서 컴퓨터 언어. 기계가 하는 일 = 결과 애플리케이션 (줄여서) 앱, (한국어로) 응용 프로그램, 프로그램 웹에서는 결과를 웹 페이지, 웹페이지가 모여있으면 웹사이트. 기능이 좀 많으면 웹애플리케이션 (=웹앱) 즉, 원인인 코드를 통해서 결과를 만든다는 것이 코딩을 이해하는 핵심. 웹페이지를 만드는 코드 = HTML. 웹 : 퍼블릭 도메인(Public Domain) 팀 버너스 리는 웹을 어떠한 저작권도 ..

javac => 컴퓨터의 언어로 컴파일해줌. maven : 빌드 툴 group id : 전체 프로젝트를 포괄하는 가장 큰 프로젝트. artifcat id : 그 안에 소속된 하나하나의 개별 프로젝트 아이디. (해당 프로젝트 이름) 스프링 : 모듈로 구성되어 있다. 모듈 하나하나 => artifact id 스프링 전체 버전 : group id pom.xml : 스프링의 각 기능(모듈 ex. core...)을 활용한다. 필요한 모듈을 가져오기 위한 파일. => 의존한다. => 해당 라이브러리를 활용하겠다. 에러가 뜨는 건 메이븐과 버전이 맞지 않아서. update 해주면 1.8로 버전이 맞춰지면서 에러가 사라진다. spring은 프로젝트 생성 단계에서 어려움, 혼동을 겪는다. 프로젝트 생성 방법의 기본 원리..

스프링 프레임워크 개요 1. 스프링 프레임워크란? DI (의존성 주입) / AOP (관점지향프로그래밍) / MVC / JDBC 등 제공 web 및 보안 측에서 많이 사용되는 프레임워크. JAVA 기반의 프레임워크. 프레임워크란? - 개발자들이 개발을 하기 위해 기능(업무)을 추상적으로 정의해놓은 틀. 기능 구현을 추상화시켜놓고 개발자를 위해 대기하고 있다. 그 안에서 우리가 필요한 기능을 구현하면 된다. 프레임워크가 없으면 처음부터 끝까지 개발자가 고민하고 책임져야 함. JAVA 프레임워크 : 스프링 프레임워크 (WEB 개발) / 모바일 프레임워크 (Android 프레임워크) 그런 하나하나의 틀 : 모듈. 모듈을 사용하려면 모듈 의존설정을 환경설정부분의 XML 파일 등을 이용해 개발자가 직접 실행. sp..

환경설정을 따라치고 있었는데 에러가 나서 왜 갑자기 artifact에서 에러가 나나 했떠니 4.1.0.RELEASE인데 4.1.0 RELEASE라서 그런 거였다. 일단 에러가 날 때에는 꼭 오타를 확인하는 습관을 가져야겠다.

onclick에 바로 페이지를 걸면 에러가 안 나는데 이상하게 자꾸 javascript function만 걸면 Uncaught SyntaxError: Unexpected token '{' 해당 에러가 떴다. 서칭해보니 간단한 오타일 거라는 이야기가 많았다. 계속 들여다보니 정말 간단한 오타였다. function의 함수명 뒤에 매개변수가 들어갈 괄호를 넣지 않았다. ()를 넣어줬더니 바로 해결됐다. 너무 바보같다 =_= 앞으로 다신 하지 않을 실수