post-thumbnail

컴퓨팅 사고

개발자란? 세상의문제를 코딩으로 해결하려는 사람들 컴퓨팅사고 코딩을 잘하려면 단순히 컴퓨터 언어만 배운다고 해결되지 않고, 수식화, 구조화, 패턴화, 알고리즘 개발, 시나리오 개발, 최적화 능력, 문제해결력, 창의력, 협업능력 등 다양한 능력을 겸비해야 한다. 컴퓨

2022년 5월 7일
·
0개의 댓글

HTTP

1. HTTP 는 컴퓨터 끼리의 소통을 위한 통신규약이다. HTTP 통신은 Request(요청)과. Response(응답)으로 이루어 진다. HTTP 통신의 stateless한 특징으로인해 매 요청과 응답은 이전 상태를 알지 못 한다. 1. http 통신과 http

2022년 5월 7일
·
0개의 댓글
post-thumbnail

1차 팀 프로젝트 - 2주차 회고

1차 프로젝트의 2주간의 기간이 끝이났다. PÖSEA 🧚 PÖSEA MOTTO >욕심부리지 말고, 필수구현만 제대로 잡고 가자! 우리팀이 이런 모토를 가지게 된 이유가 1차 프로젝트인 만큼 2차프로젝트 가기전 기본으로 할수 있는 필수구현을 제대로 이해하자 였다.

2022년 5월 7일
·
1개의 댓글

1차 팀프로젝트 - 1주차 회고

첫 프로젝트가 시작되었다. 클론할 페이지는 'Aēsop' 이다. >Aēsop 내가 맡은부분은 이솝의 로그인&회원가입 부분이다. 이솝은 페이지로 넘어가는것이 아닌 한페이지에 컴포넌트로 넘어가는 형태이다. 그리고 로그인과 회원가입은 모달창으로 이루어져있고 하나의 모달

2022년 5월 1일
·
0개의 댓글

code-kata(3)

문제 두 개의 input에 복소수(complex number)가 string 으로 주어집니다. 복소수란 a+bi 의 형태로, 실수와 허수로 이루어진 수입니다. input으로 받은 두 수를 곱해서 반환해주세요. 반환하는 표현도 복소수 형태의 string 이어야 합니다.

2022년 4월 30일
·
0개의 댓글
post-thumbnail

(위코드) 로그인 & 회원가입 실습 - Frontend

로그인 & 회원가입이 어떤식으로 진행이 되는지 각자 공부한 이론으로 프론트엔드와 백엔드가 함께 실습하는 시간을 가졌다...........이렇게 막막할수가...............🤮어디서부터 시작을 해야할지 앞이 캄캄했지만 차근차근.... 순서를 생각하면서 팀원들과

2022년 4월 20일
·
0개의 댓글

map 함수 적용시 key props를 부여하는 이유

🔑key 리액트 공식문서를 보면 이렇게 정의 되어 있다. > key는 리액트가 어떤 항목을 변경, 추가, 삭제할지 식별하는 것을 돕는다. 엘리먼트에 안정적인 고유성을 부여하기 위해 배열 내부의 엘리먼트에 지정해야 한다. 즉, 리액트는 자동으로 생성한 tag 경우에는

2022년 4월 16일
·
0개의 댓글
post-thumbnail

map과 filter

Map map 함수는 for문 이라고 보면 된다. map()은 함수 이기 때문에 인자를 받는다. 그 인자 안에 함수를 넣어서 구현을 하면 되는데 아래에 있는 코드를 설명해 보자면 number 들이 모여서 numbers가 된 배열을 변수로 선언을 하고, 각각 넘버에다

2022년 4월 13일
·
1개의 댓글

Sass

css의 전처리기이다.즉 변수,상속,혼합,중첩 등의 다양한 기능을 제공한다.브라우저는 css만 적용가능하다. 즉, sass는 전처리기이기 웹에 적용하는것은 불가능하기 때문에 컴파일러를 통해 css로 컴파일이 필요하다.sass vs scssSass: CSS와는 다르게 중

2022년 4월 12일
·
0개의 댓글
post-thumbnail

React Router

🍭 spa에서 화면을 전환시키는 router, 그리고 스타일링은 편하게 할 수 있는 css전처리기인 sass에 대해 설명 싀이이이이이이작! SPA > songle page application 페이지가 한 개인 어플리케이션 Routing >다른 경로(url주소)에

2022년 4월 12일
·
0개의 댓글
post-thumbnail

code kata (2)

우선 숫자로 받은 인자를 문자로 바꿔주고(toString()), 문자를 자른다음에(split()) 문자열의 순서를 역순으로 바꿔주는 reverse함수를 적용하는 변수를 하나 생성한다.여기서 왜 문자로 바꿔야하는가?=> 숫자는 인덱스로 셀수가 없기때문!그다음 if문을 이

2022년 4월 12일
·
0개의 댓글
post-thumbnail

code-kata(1)

우선 가정을 읽어보면 하나의 배열안에 2개를 꺼내와야 한다고 한다.그래서 for문을 2번 실행시키고, 두 인덱스의 합계가 target 값과 같아야 하기 때문에if문으로 조건을 제시하고 반환하는 함수를 적용해보면🔥 여기서 i,j가 다른 인덱스로 시작해야 하는 점에서 주

2022년 4월 11일
·
0개의 댓글
post-thumbnail

React - Intro

리액트의 특징 >컴포넌트(Component) 기반으로 되어 있으며, 가상 돔(Virtual Dom)을 통해 UI를 빠르게 업데이트 하고, 생태계 활성화되어있다. 즉,많은정보들이 많다 그러기에 오류에 대한 정보들을 쉽게 접근할수있다. CRA >리액트 프로젝트를 시작하

2022년 4월 11일
·
0개의 댓글

Refactoring

Code Refactoring 코드는 한번 작성되고 끝나는것이 아닌 계속해서 많은 추가와 수정을 겪고 이를 유지보수 라고 한다. 유지보수를 용이하게 하기 위해서는 코드의 가독성과 확장성이 좋아한다. >리팩토링이란 소프트웨어의 겉보기 동작은 그대로 유지한 채, 코드를

2022년 4월 7일
·
0개의 댓글

Linux & Terminal

1. 운영체제(os) > 컴퓨터랑 하드웨어를 사용할수 있게끔 도와주는 프로그램 컴퓨터는 0,1 밖에 모르기 때문에 os가 중간에 사용자가 보낸 언어들을 컴퓨터가 알아들을수 있는 언어로 변경해준다. 즉, 사용자와 컴퓨터 사이에 소통하는 프로그램이다. os는 크게 두가지

2022년 4월 5일
·
0개의 댓글
post-thumbnail

DOM

👾학습 목표 웹에서 HTML, CSS, Javascript가 어떤 기능을 하는지 설명할 수 있다. HTML에서 Javascript를 연결하는 방법 2가지를 설명할 수 있다. DOM의 정의와 기능에 대해 설명할 수 있다. DOM을 이용해서 Javascript로

2022년 4월 4일
·
0개의 댓글
post-thumbnail

replit - 29. arrat methods

replit 29번을 풀면서 정리안된 부분들을 정리해보려 한다.아직도 헷갈리는게 많지만...🤯 호ㅏ이팅...내자신arrow function을 가장 많이 사용할 때는 callback 함수로 사용할 때 이다.여기서 arrow function은 이전글에 포스팅 해놨다!!!

2022년 4월 2일
·
0개의 댓글

arrow function

replit 문제를 풀면서 다루고싶은 내용이 있어 간략하게 정리해보려 한다. 자바스크립트는 문법의 보완들이 필요하면서 많은 버전별로 문법을 확장하고 변하기도 한다. ES가 명세를 확정해왔다고 한다 우선 ES6가 무엇인지 간단하게 적어보자면ES는 ECMA Script의

2022년 4월 2일
·
0개의 댓글

개발자 도구 - local storage, session storage, cookie

개발자 도구 개발을 할때 도움이 많이 되는 웹 내장되어있는 tool 내가 만든 결과물을 개발자도구를 통해 확인할 수 있다. 크롬을 왜 많이 사용할까? 세계적으로 압도적으로 많이 사용하고 많은 개발자들이 크롬웹브라우저를 통하여서 많이 이용을 하기 때문에 ! eleme

2022년 4월 2일
·
0개의 댓글
post-thumbnail

inline, inline-block, block에 대해서

inline은 display속성이다. inline 요소는 전후 줄바뀜 없이 다른 요소와 같이 한줄로 나란히 배치된다.🔥 특징대표적인 inline 태그들은a span em img input butten br label 등 있다.display: inline; 으로 지정하

2022년 3월 30일
·
0개의 댓글