Posts

Showing posts from December, 2019

아직도 SQL을 모른다고해서 5분 설명해드림 by Nomad Coders

아직도 SQL을 모른다고해서 5분 설명해드림 by Nomad Coders

ArcGIS JavaScript Tutorials: Create a Starter App

Image
Esri's Developer - Driving Directions <html> <head>   <meta name="description" content="DevLabs - Get driving directions">   <meta charset="utf-8">   <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">   <title>ArcGIS JavaScript Tutorials: Create a Starter App</title>   <style>     html, body, #viewDiv {       padding: 0;       margin: 0;       height: 100%;       width: 100%;     }     /* ADD */     .esri-view .esri-directions {       position: fixed;       right: 15px;       max-height:calc(100% - 45 px) !important;     }     .esri-view .esri-component.esri-attribution {       position: fixed;     }   </style>     <link rel="stylesheet" href...

8 steps to publishing your portfolio on GitHub

Image
8 steps to publishing your portfolio on GitHub

7 Projects to practice HTML & CSS skills for beginners

Image
7 Projects to Practice HTML & CSS Skills For Beginners

[CSS] Day 9: Mediaquery and how to use

Image
Gives variable i.e. If screen size is < 800px, and gives conditions like no borderlines or content should display a certain way  @media(max-width:800px){         #grid{               display: block;        Chnaged display look          }          ol{              border-right:none;    No borderline             }           hi{               border-bottom:none;      No borderline            } split right --> 화면 오른쪽으로 두개 나뉨 * How to use link It will take forever to apply one code to rest if I have thousands of files to work 1. Copy style code and delete  2. Create new file: style.css and paste 3.  <link rel="stylesh...

[CSS] Practicing random code

Image
- I need to find out how to add html code as it is not by screenshot and added to the image. - It is time consuming and getting annoying. - Idk why Im afraid to make mistakes since Im learning and I supposed to make mistakes - Probably because I get traumatized when my code is not showing the way I expected - Let's keep make mistakes and learn from mistakes!

[CSS] Day 8: Responsive Web

Image
What is a responsive web and how can I make one? * What I learn so far - In the property:value, : colon is not necessary when you add color  - basically does not work when you use solid:green; should be --> solid green; first, right-click --> Inspect shows web page size I can control the size so it makes viewing much easier such as my condition: screen width > 800px can express by @media  @media(min-width:800px) {        div{            display:none;         }   } If my condition is screen width < 800px @media(max-width:800px) {        div{            display:none;         }   } This means if the webpage size is greater than 800px display will be none * What I learn so far - @mediaquery allows controlling screen size

Reality Check: Remind myself why I want to learn programing languages

Image
초보 웹 개발자를 위하여 build #3 작성: 호도르 ( honux77@gmail.com ) 초보 웹 개발자를 위하여 build #3 작성: 호도르 ( honux77@gmail.com ) 로그 2016년 12월 21일 링크 등 아주 조금 수정 2015년 9월 24일 일부 내용 수정 및 추가 2015년 3월 14일 초안 작성 들어가기 앞서 이 글은 개발자가 되고 싶지만 실상은 컴맹인 분들을 대상으로 쓰고 있습니다. 주로 웹 개발자를 대상으로 하고 있으며 내용들은 다소 실용적인 쪽으로 치우쳐져 있습니다. 여러분이 대학에서 배울 수 있는 컴퓨터 공학 커리큘럼을 병행해서 배우고 있다는 가정으로 내용을 적었습니다. 2015년 3월 14일 NEXT의 기초 과목 담당 교수님께서 추가 조언을 해 주셨습니다: 깊이 있는 개발자가 되려면 논리력, 분석력, 비판적 사고 역량이 매우 매우 중요합니다. 이 요소들이 개발자 역량 그릇의 크기를 결정하는 제일 중요한 요소들이고요. 이 역량의 큰 틀은 이산수학의 논리, 증명 등의 학습에 의해서 만들어집니다. 이산수학 교재의 연습문제를 가능한 한 많이, 혹은 모든 문제를 풀어보라고 강력하게 추천합니다.역량 상승이 눈에 쉽게 보이지 않지만, 어느 순간 다른 사람에게 역량있고 스마트한 느낌을 전달하는 이미지를 갖추게 될 겁니다. 이 부분은 고급/핵심 개발자들이 갖는 공통적인 모습이고요. 역량있는 개발자로 성장하기를 바랍니다. 1. 우리나라 IT 개발자 직군의 종류 우리 나라 산업의 형태로 볼 때 과거에는 대다수가 자바를 기반으로 하는 웹 서버 개발자였는데 현재는 다양한 직군이 늘어나고 있습니다. 웹 서버 (백엔드) 개발자: 자바, C#, 루비, 파이썬 등의 언어로 서버 쪽의 로직을 개발하는 역할을 합니다. 대부분의 경우 데이터베이스도 잘 알아야 합니다. 최근에는 NoSQL, 클라우드, 컨테이너, DevOps 같은 분야도 조금 알아야 할 필요성도 생겼습니다. 웹 프론...

Discrete Mathematics

Image
Discrete Mathematics  트레블비 블로그 Proposition = declarative sentence that is either T or F i. e. The Moon is made of green cheese. Toronto is the capital of Canid. 1 + 0 = 1 0 + 0 = 2 Non proposition examples are: What time is it?  x + 1 = 2 x + y = z Negation (부정)           ~ : p에 대해 p가 아닌것 Conjunction (논리곱)   ^ : AND: p 그리고 q Disjunction   V Implication   —> Biconditional   <—>

[CSS] Day 7: Grid: parent and child

Image
How to use the grid now? First, I want to use selector a, h1, and ol's margin and paddings then, use<div></div> for two groups to put in columns: title and the content first group is under content <div></div> --> child second group is ol and first <div> --> Parent and then I will give id to parent <div id="grid"> and then in #grid{}, I will give condition: column size The nice thing about this is you can always modify border, padding, and margin size by right click --> inspect (Don't be afraid to try!) * What I learn from this so far - giving id="" is important when it comes to inspect - it gives freedom to add/substrate - i.e. parent <div></div> give <div id="grid"></div> and under #gird, display:gird; give columns and padding - id="" comes with #NAME {} Now, I'm going to give id under child to id = "article" Also, the importa...

[CSS] Day 6: Grid

Image
<div></div> plays different than <h1> if I want to display without title --> purely for design purposes <div></div> = Division <span></span> The new function grid can my table Can I use.com --> support tables for HTML/CSS will tell you which web browsing option will work or not

[CSS] Day 5: Box 2, How to use inspect (right-click)

Image
When you right-click on your webpage --> inspect This will be helpful to figure out how to use space Think when you create a table in MS Word, there are options for creating or hiding borderlines So I made * What I learn from this - If you miss tiny little thing, it will affect the entire output - I forgot to put ; (semicolon) after one line I had to figure out why my output was different than I thought and I finally figured out that I forgot the semicolon 😭

[CSS] Day 4: Let's practice - box

Image
Let's create box.html and retain basic html code <!DOCTYPE html> <html>   <head>     <meta charset="utf-8">     <title></title>   </head>   <body>   </body> </html> Block-level element and inline element Block-level: uses entire space /* block level element */ Inline element: uses partial /* inline element */ comma , allows duplicate code  h1, a{      border:5px solid red;  } more examples : CSS box model --> image search Right-Click --> Inspect

[CSS] Day 3: Selector Hierarchy

Image
In Day 2, I selected every font color as black but what if I want to change different color to each purpose? for example, viewed and unviewed? Unviewed = Black Viewed = Gray Currently viewing = Red Hierarchy (id) #selector > (class) . selector > (tag) selector CSS selector reference

[CSS] Day 2: Understanding Property:Value and apply

Image
Let's change my webpage title font size and want to move to center of the page. The first approach is to understand what is my header h1 is my header Then I can maybe use h1 as my selector and add property: value h1 { } The second approach is to search CSS text size property looks like I could use font-size: 45px I also want my title to be located at the center of my webpage search CSS text center property text-align: center;  Alignment: Left  Alignment: Center and 45px

[CSS] Day 1: The Beginning

Image
생활코딩 WEB1 was tremendously helpful to create my super basic webpage  https://kyeo2017.github.io/portfolio_proto / But I want to make my webpage fancier no I would say more professional. The other day I had a conversation with my best friend who is a web designer and she told me about CSS. Originally I was going to skip this part and learn more useful back end developer language but I realize that this is necessary whether I want my goal is front end or back end develoer I should know.  Let's say if I want to change the font color to red, I would probably use <font color="red"></font> but what if I have too much workload?  CSS can fix this issue; style 이 디자이에 대한것 <style>     a  {           color:red;      } </style> 같은 성격의 것을 바꾸는것, 유지보수 편리하고 가독성이 좋아짐  <style>     a  {           color:red;    ...

[PHP] Day1: The beginning

Image
Bitnami WAMP - Windows, Apache, MySQL, and PHP manager-windows.exe Setting htdoc as default 1. Open Atom 2. File --> New Window 3. C:\Bitnami\wampstack-7.2.25-0\apache2\htdocs --> Select folder To test out 1. Right click htdocs  2. New File  3. Create test.php 4. Type save 5. Open web browser 6. 127.0.0.1/test.php

[HTML] Day 15: Add comment on my website & Chatting Service

Image
1. Add Comment LiveRe DISQUS 2. Add Chatting Tawk 3. Traffic Google Analytics Website Tracking Global Site Tag --> Add to head tag

[HTML] Day 14: Linux and Apache

Image
apache install ubuntu I had a hard time installing ubuntu in a window setting as well as apache2. Hence I will skip this part because lots of detailed steps are missing since I had to search so many websites on how to read my error and solve the problem. Overall, if apache2 is installed correctly use apache2 -v and enter will show you the server version and server built. If you see these, it is installed correctly

[HTML] Day 13: Apache Web Server

Image
If you are using Mac, Apache is already installed but since I am using Window I have to download and install Search: bitnami mamp stack MAMP is for Mac WAMP is Window 생활코딩 24/35