본문 바로가기
728x90

프로그래밍

 (72)
신입개발자 기술면접 질문 최종정리(Java) oop가 무엇인가요? oop는 객체지향프로그래밍입니다. 객체지향 언어에는 대표적으로 Java가 있습니다. 객체지향의 장점으로는 상속,추상화,다형성 등을 통해 코드의 재사용성을 높일 수 있고 캡슐화를 통해 보안처리가 가능합니다. 그로인해 유지보수가 편하고 안정성이 좋고 확장이 용이합니다. 하지만 많은 클래스로 인한 메모리 낭비가 높은 편입니다. java특징이 뭔가요? java는 객체 지향 프로그래밍 언어입니다. JVM 위에서 실행되기 때문에, 플랫폼에 의존하지 않고 실행이 가능합니다 java랑 c언어 차이는 뭔가요? java는 객체지향언어이고 c는 절차지향언어입니다. 객체가 뭔가요? 객체는 현실 세계를 모델링한 개념이고 객체 내에는 명사형의 상태와 동사형의 메서드가 존재합니다. 인터페이스가 뭔가요? 추상클..
[node.js]DB테이블 구축 및 Express와 연동하기 USE management; CREATE TABLE CUSTOMER ( id INT AUTO_INCREMENT PRIMARY KEY, image VARCHAR(1024), name VARCHAR(64), birthday VARCHAR(64), gender VARCHAR(64), job VARCHAR(64) )DEFAULT CHARACTER SET UTF8 COLLATE utf8_general_ci; SELECT * FROM CUSTOMER; INSERT INTO CUSTOMER VALUES (1,'https://placeimg.com/64/64/1', '김재은','970220','여자','취준생'); INSERT INTO CUSTOMER VALUES (2,'https://placeimg.com/64/64..
[React,node.js]React LifeCycle 및 API 로딩 처리 구현하기 이번에 할것 : 고객목록을 불러오는 api를 요청했을때 서버에서 응답을 늦게하는 경우 로딩메세지를 화면에 띄우기 (material의 progress 이용) 먼저 React LifeCycle을 이해하자 https://wodms.tistory.com/76 [React]LifeCycle과 API호출 LifeCycle은 해당 라이브러리가 동작하는 과정 그자체를 의미한다. 그렇기 때문에 React라이브러리를 사용한다면 React라이브러리의 LifeCycle에 본인의 코딩스타일을 맞춰야한다. 만약 React를 이용해 wodms.tistory.com 지난번 REST API구축때 API를 불러와서 웹사이트화면에 특정한 뷰를 출력하고자 한다면 componentDidMount()함수에서 API를 비동기적으로 호출하면 됐었..
[React,node.js]Node.js Express에서 REST API구축하기 REST API란? 최근 상당수의 웹서버 프레임워크에서 기본적으로 지원하는 기능으로써 서버와 클라이언트가 웹프로토콜을 기반으로하여 효과적으로 데이터를 주고받을 수 있도록 해준다. 기존의 서버모듈에 전체고객목록을 불러오는 API구현할 것이다. yarn dev입력해서 client와 server 같이 구동시키기(pakage.json파일에서 명시함) 빌드 및 확인속도가 더 빨라지기 때문에 개발 편리성이 높아짐 기본적으로 REST API에서는 데이터를 주고받을때 json을 이용한다.(express의 기본적인 설정만으로도 javascript의 배열 데이터를 응답하겠다고 넣어주기만 하면 알아서 json으로 변환해서 클라이언트에 보내줌) 이제 클라이언트에서 해당서버의 경로(http://localhost:5000/api..
[node.js]Node.js Express 서버 개발환경 구축하기 클라이언트와 데이터를 주고받을 수 있는 API역할을 수행하는 node.js 설치후 client에 react 폴더들 옮기고 root폴더에 package.json파일 생성 -> package.json파일을 통해서 서버와 클라이언트를 동시에 실행시킬 수 있도록 처리하기 클라이언트 폴더안에 리액트 프로그램이 있으니까 그것을 클라이언트로서 실행시키고 root폴더에는 서버프로그램이 있으니까 그 node.js서버를 실행시키라고 명시하기 package.json { "name" : "management", "version": "1.0.0", "scripts": { "client" : "cd client && yarn start", "server" : "nodemon server.js", "dev" : "concurren..
[React]이벤트 처리(Event Handling) React의 이벤트 처리는 기본적인 Javascript와 비슷하다. 단, React의 이벤트 처리는 카멜케이스를 이용한다. JSX문법을 이용하여 함수를 호출한다. class EventHandling extends React.Component { //클래스형 컴포넌트 constructor(props){ super(props); this.state = { isToggleOn : true } //Javascipt는 특정한 값을 바꾸고자할때 바인딩처리를 해줘야한다. //this.handleClick = this.handleClick.bind(this); //1.이렇게 해도되고 } handleClick = () =>{ //2.이렇게 해도된다. console.log("이벤트 처리"); this.setState(st..
[React]LifeCycle과 API호출 LifeCycle은 해당 라이브러리가 동작하는 과정 그자체를 의미한다. 그렇기 때문에 React라이브러리를 사용한다면 React라이브러리의 LifeCycle에 본인의 코딩스타일을 맞춰야한다. 만약 React를 이용해서 고객관리시스템을 만든다 가정했을때 고객 추가 버튼을 누르고 고객에대한 정보를 서버로부터 받아와서 화면에 출력하고자 한다면 고객에 대한 정보를 받아오는 그러한 통신자체를 api를 이용하는 방식으로 사용을 하게된다. 따라서 서버 개발자와 API를 이용해서 소통할 수 있어야 한다. React초기 구성 React를 이용할때 React컴포넌트 객체를 만드는데 이게 실제 화면상에 삽입이 되기 전까지의 과정을 마운팅(Mounting)이라 부른다. 1) contructor() : 컴포넌트에 대한 초기화 ..
[React]State란? 리엑트(React)의 상태(State)는 고정적인 데이터가 아니라 변경될 수 있는 데이터를 처리할 때 사용 리액트는 계속해서 상태변화를 감지하고 있기 때문에 state를 이용해서 어떠한 데이터를 화면에 그려준 다음 그 값을 변경하면 다시 render()함수를 수행해서 실제 화면에 적용해준다. 클래스형 컴포넌트를 이용해야 한다. 어떤 값을 명시한 이후에 값이 계속해서 변경된다면 state를 이용해서 해당 객체를 담을 수 있고 state값이 변경될때는 반드시 setState()함수를 이용해서 값을 변경할 수 있다. 일반적으로 사용되지 않는 형태의 소스코드. (props사용) function Clock(props){ return ( 현재 시각은 [{props.date.toLocaleTimeString()}]입..
728x90

티스토리툴바