Project - 일탈

작업기간 2021.07.19 - 2021.07.30 > >Front-end 3 >Back-end 3 > >기술스택 > HTML CSS JavaScript React Styled-components Git > Project Tool Trello > 내가 맡은 구현 메인페

2021년 8월 13일
·
0개의 댓글

Project - 녹차록

1차 프로젝트로 프론트엔드 2명, 백엔드3명이 함께 5명이 한팀으로 오설록을 클론코딩 하였다. 한 달동안 개인적으로 공부하다가 처음으로 팀 프로젝트를 하여서 두려움 반 떨림 반에 감정을 동시에 느끼고 있었다. 거기다 프론트가 적어서 걱정을 많이하였지만 팀원분들이 격려를

2021년 7월 23일
·
0개의 댓글

UI/UX 와 Front-end

부트캠프를 시작하고 한달이 훌쩍 지난 시점에서 과거의 나와 지금의 나를 비교해보며 글로 남기려고 한다.최근 디자인 채용공고에서 가장 많이 보이는 단어라고 생각할 수 있다. UI는 User Interface, UX는 User eXperience를 칭한다. 학교에서 UI/

2021년 7월 9일
·
0개의 댓글
post-thumbnail

자바스크립트 알고리즘 문제(2)

길이가 서로 다른 A, B, C 세 개의 막대로 삼각형을 만들 수 있으면 "YES", 만들 수 없으면 "NO"를 출력한다.입력설명 첫 번째 줄에 100이하의 서로 다른 A,B,C 막대의 길이가 주어진다.출력설명첫 번째 줄에 "YES", "NO"를 출력한다.입력예제 16

2021년 7월 1일
·
0개의 댓글
post-thumbnail

자바스크립트 알고리즘 문제(1)

매일 코드타카를 하면서 실력이 너무 부족하다고 느껴 매번 좌절감을 느끼지만Computing Thinking도 결국 과거에 매일 하던 Design Thinking과 사람 중심 접근방식과 컴퓨터식 접근 방식 결국 이 두가지 공통적으로 문제 해결을 위한 사고 방식이라고 생각

2021년 6월 30일
·
0개의 댓글
post-thumbnail

TIL | 22 - React - Props, State

렌더링(Rendering): 컴포넌트가 화면에 보여지는 작업을 말한다. >컴포넌트는 함수로 구성되어 있으며 반드시 UI요소를 return 해야한다. 여기서 UI요소는 기존에 사용하던 Html 태그와 비슷하다. 차이점은 기존에 html태그에서 쓰던 class 속성이 아니

2021년 6월 28일
·
0개의 댓글
post-thumbnail

TIL | 21 - Methods 공부하기

Math.ceil() 올림Math.floor()내림Math.round():반올림toFixed() 소수점 자릿수isNaN() NaNparseInt () 문자열을 숫자로 바꿔줌let margin = '10px';parseFloat() Math.random()0~1사이 숫자

2021년 6월 25일
·
0개의 댓글
post-thumbnail

TIL | 20 React 시작하기

기존에 HTML, CSS, JS를 이용해 코드를 짜게되면 이런식에 코드를 짜게되지만, 웹이 발전하면서 그 구조가 점점 복잡해지고 코드수가 점점 많아지면서 유지보수의 중요성이 커지게 되고 코드를 보면서 어떤 코드에 문제가 생겼는지 확인하려면 수많은 코드를 확인해야하고 다

2021년 6월 25일
·
0개의 댓글
post-thumbnail

TIL | 19 - HTTP

네트워크는 컴퓨터와 컴퓨터간의 연결을 의미한다.네트워크에서 정보를 요구하고 받는 쪽은 클라이언트(Client) / 정보를 제공해 주는 쪽은 서버 (Server) 라고한다.실제로 브라우저에 접속하면 웹 서버에서 웹을 다운받고, 보는 이미지들은 파일 서버에서 다운받은 결과

2021년 6월 22일
·
0개의 댓글
post-thumbnail

TIL 18 | DataBase

데이터베이스란 컴퓨터 시스템에 저장된 정보 또는 데이터 집합을 의미한다. 즉, 여러 사람들이 공유하고 접근할 수 있게 통합적으로 관리되는 데이터들의 모음이다.Application에서 메모리 안에 데이터가 존재하고 메모리에 존재하는 데이터는 보존이 불가능하기에 종료하게되

2021년 6월 18일
·
0개의 댓글
post-thumbnail

JavaScript + a | Basics (3)

Class > 클래스는 객체지향 프로그램의 핵심이다. 객체지향 프로그래밍이란, 프로그램을 객체로 구성하고, 객체들 간 서로 상호작용 하도록 작성하는 방법이다. 다시말해, 우리가 사물을 인지하는 방식을 프로그래밍에 접목한다. 이처럼 객체의 property 값에는 함수도

2021년 6월 14일
·
0개의 댓글
post-thumbnail

JavaScript + a | Basics (2)

2021년 6월 13일
·
0개의 댓글
post-thumbnail

JavaScript + a | Basics

변수(Variable) > 변수는 데이터를 담는 공간, 컴퓨터도 사람과 같이 많은 데이터를 기억해야 하는데, 이때 변수를 사용한다. 선언과 정의 변수를 선언한다는 것은 어떤 변수를 사용할지 정하는 작업이다. 크게 var, let, const를 사용한다. 변수 이름 주의 사항(naming convention) 변수명은 영문 + 숫자로 지어야 하며 띄어쓰...

2021년 6월 12일
·
0개의 댓글
post-thumbnail

TIL - 17 | Layout의 모든 것

Position > static : 모든 요소의 default 값 > relative: 자기 자신이 원래 있던 자리 (원래 있던 자리를 기억하고 있음) > absolute: 기준점 설정 필요 | Block으로 바뀐다.(float과 동일) > fixed : viewport 기준으로 움직인다. relative와 absolute 이해하기 검색창을 만들기 ...

2021년 6월 8일
·
0개의 댓글
post-thumbnail

Semantic Web & Semantic Tags

Semantic Web? > Semantic Web은 '의미론적인 웹'이란 뜻으로 컴퓨터가 인간과 같은 정보로 의미있는 해석을 할 수 있습니다. Semantic Tags? > Semantic Tags는 태그를 둘러싼 내용의 의미를 알려줍니다. 의미를 설명해주는 역할을 합니다. - HTML5에서 새로 제공하는 Semantic Tags article asi...

2021년 6월 7일
·
0개의 댓글
post-thumbnail

TIL - 16 | JavaScript - 함수

2021년 5월 27일
·
0개의 댓글
post-thumbnail

TIL - 15 | JavaScript - While과 For 반복문

반복문이 한 번 실행되는 것을 반복(iteration) 이라고 부릅니다. while 각 반복이 시작하기 전에 조건을 확인 위 코드에서는 0, 1, 2 가 출력되고 세 번의 이터레이션이 생성 됩니다. do...while 각 반복이 끝난 후에 조건을 확인 do...while 은 조건이 truhy인지 아닌지 상관없이, 최소한 한번이라고 실행하고 싶을 때만 ...

2021년 5월 26일
·
0개의 댓글
post-thumbnail

TIL - 14 | JavaScript - if와 '?'를 사용한 조건 처리

if문 else절 else 뒤에 이어지는 조건이 거짓일 때 실행 else if 조건부 연산자'?' 자바스크립트에서 피연산자가 3개나 받는 연산자는 조건부 연산자가 유일 문법 평가 대상인 condition이 truthy이면 value 1 그렇지 않으면 value 2 다중 '?' 물음표 연산자 '?'를 연결하면 복수의 조건을 처리할 수 있다....

2021년 5월 23일
·
0개의 댓글
post-thumbnail

TIL - 13 | JavaScript 형 변환

함수와 연산자에게 전달되는 값이 적절한 자료형으로 자동 변환되는 과정을 "형 변환(type conversion)" 이라고 합니다. 문자형으로 변환 alert method는 매개변수로 문자형을 받기에, alert(value)에서 value는 문자형이어야 합니다. String(value) 함수를 호출해 전달받은 값을 문자열로 변환 가능 숫자형으로 변환 ...

2021년 5월 22일
·
0개의 댓글
post-thumbnail

TIL-11 | JavaScript 변수와 상수

변수(Variable)는 데이터를 저장할 때 쓰이는 '이름이 붙은 저장소' 입니다. > Var ? let? var와 let은 거의 동일하게 작동하지만, var는 오래된 방식! > 변수를 두 번 선언하면 에러가 발생! 변수는 한번만 선언해야 한다. 같은 변수를 여러 번 선언 할 경우 에러가 발생한다. 변수 명명 규칙 > 1. 변수명에는 오직 문자와 숫...

2021년 5월 20일
·
0개의 댓글